EU tenho um projeto com React pelo vite, crio o action mesmo usando "user server" e bato em um endpoint ele ainda aparece o endpoint no network em vez de fazer a chamada na "camada" do servidor, no caso difetente dos frameworks baseado no React (Nextjs o mais famoso atualmete), eu vou precisar configurar algo?
@YanMagaleInfo11 күн бұрын
Excelente, como sempre 🥰🥰
@MatheusCastiglioni10 күн бұрын
Obrigado Yan, sempre por aqui apoiando .
@FlameWrWpTx17 күн бұрын
Finalmente consegui entender, mas sinceramente, na minha opnião, isso só aumenta mais o código, mas enfim, obrigado!
@MatheusCastiglioni15 күн бұрын
Fala Flame, aumenta mais código no HTML sim, porém, tu vai ter mais reaproveitamentos e tals. Como toda decisão em tecnologia tu precisa analisar os trade-off (pontos positivos vs pontos negativos).
@ramalhoBrazil18 күн бұрын
Muito bom cara, valeu!
@MatheusCastiglioni15 күн бұрын
Magina Ramalho
@inventorapi867320 күн бұрын
muito bom, uma dúvida, como faço para ter no terminal a sujestão do que ja foi digitado como no seu?
@MatheusCastiglioni15 күн бұрын
Fala meu querido, tu tem algumas opções, vamos lá: 1. Usar o Fish Shell (fishshell.com/) pois já tem essa funcionalidade por padrão (eu uso ele). 2. Usar algum ZSH plugin como: zsh-autocomplete (github.com/marlonrichert/zsh-autocomplete). 3. Utilizar o Warp Terminal (www.warp.dev/) que já vai ser essa funcionalidade independente do shell que tu utilizar. 4. Utilizar o Amazon Q (aws.amazon.com/q/) para adicionar inteligência em qualquer terminal (eu uso).
@cristianofernandes4517Ай бұрын
Top conteúdo! Legal ter trazido o trade off e a visão de analisar o que faz sentido para cada projeto.
@MatheusCastiglioni29 күн бұрын
Obrigado Cristiano
@osdevingАй бұрын
transpilar não é igual compilar. O processo de compilação é obter o código em alguma linguagem de programação e transformá-lo em código de máquina que é compreensível pelo computador. transpilar é o processo de obter o código em alguma linguagem de programação e transformá-lo em um código de outra linguagem de programação. No vídeo, basicamente transforma de JSX para JS. Além disso, javascript não é uma linguagem compilada, é uma linguagem interpretada. O navegador ou qualquer outro motor capaz de executar código javascript (tal como node), lê o código fonte e o interpreta executando o código em tempo real. Pode haver uma compilação em tempo real. É como se você criasse um programa que aceita um arquivo. Então você lê linha por linha desse arquivo e você (no caso o programa que você criou) intepreta o que leu e executa a ação necessário. Algo como: "opa, nessa linha tem o comando alert('olá mundo); vou abrir então uma caixa de diálogo com esse texto). No caso do Windows, provavelmente irá criar uma janela usando CreateWindow e mostrará a janela, o navegador ou outro intepretador, irá usar a API do Sistema Operacional subjacente para executar as tarefas. Uma linguagem como C é compilada, ao usar um comando como gcc meucodigo.c ele gera um arquivo meucodigo.exe (se tiver no windows). Esse meucodigo.exe pode rodar diretamente no sistema operacional sem um programa intermediário. Basicamente o SO abre o .exe e joga ele no processador e fala: se vira aí filhão, boa sorte. O SO vai interferir em algums pontos, mas seu programa estará lidando diretamente com o processador através da API que o SO te fornecer. Como a API que o SO te fornece é ela mesma também compilada, a grosso modo, será realmente só seu programa e o processador. Como curiosidade, apesar do gcc gerar um executável, existe um processo intermediário que transforma o código C em código assembly e só então esse código assembly é gerado. Você pode fazer apenas essa parte usando a flag -S como em gcc -S meucodigo.c. Esse processo é conhecido como transpilar, afinal, o código gerado é um código em outra linguagem, nesse caso, assembly e ele não pode ser executado, ainda será necessário ou compilar ou interpretar.
@jeffboygamesАй бұрын
Vc teria como fazer esse mfe com aplicação Angular?
@MatheusCastiglioni29 күн бұрын
Infelizmente não tenho um exemplo com Angular, fico devendo, posso tentar gravar algo sobre mas não prometo nada kkk
@jairfsj2 ай бұрын
Nao gosto de java mais sempre fico impresionado na capacidade do java rodar em tudo, JVM e foda o problema e so a Oracle.
@GustavoRuske2 ай бұрын
Cara, tô curtindo demais os devlogs. Ta sendo massa acompanhar a jornada desse game. Uma das partes mais interessantes é que você explica as features mostrando os códigos, isso ai da uma dinâmica massa pro devlog (pelo pra mim que tem curiosidade em ver como as coisas funcionam por baixo dos panos hehe)
@MatheusCastiglioni2 ай бұрын
Fala Gustavo, que maneiro meu querido, fico feliz que esteja curtindo, em breve vem mais...
@roggervieira2 ай бұрын
Top
@tadashi75652 ай бұрын
Ai sim em tambem to criando um terrozin
@MatheusCastiglioni2 ай бұрын
Olha só, que maneiro. Conte me mais sobre…
@tadashi75652 ай бұрын
@@MatheusCastiglioni e basicamente um jogo de terror de imersão nivel fears to phatom só que com mecanicas do my summer car mundo aberto
@tadashi75652 ай бұрын
Tbm To focado em fazer um mapa grande com easter eggs de terror etc kkkk
@MatheusCastiglioni2 ай бұрын
@@tadashi7565 Maneiro demais, está fazendo com qual engine? Está fazendo tudo sozinho?
@tadashi75652 ай бұрын
@@MatheusCastiglioni sim estou fazendo só, to fazendo na unity porque ela combina melhor com esses estilos de jogos e tbm e mais facil
@capitaoquasar2 ай бұрын
Parabéns pelos vídeos!
@MatheusCastiglioni2 ай бұрын
Obrigado
@viniciusikehara2 ай бұрын
Muito bem explicado, procurei em vários lugares mas as explicações do que são views ainda ficavam abstratos para mim. Ótimo vídeo!
@MatheusCastiglioni2 ай бұрын
Fala Vinicius, obrigado meu querido.
@MarcosGrandesso2 ай бұрын
traz mais videos de game dev mano, achei maneiro.
@MatheusCastiglioni2 ай бұрын
Fala Marcos, essa semana sai o segundo.
@AlexRocha-s5u2 ай бұрын
React-if kkkkk Essa foi boa tags html fazendo codicional! Valeu pela dica!
@MatheusCastiglioni2 ай бұрын
Web sempre evoluindo kkkkk
@RafaelCampos-oo2ch2 ай бұрын
Alguém teve problema ao atribuir o id da camera á variável? Uncaught TypeError: Cannot set properties of null (setting 'srcObject')
@henriquezolini2 ай бұрын
Cara o module federation é a forma mais estruturada de se trabalhar com micro frontends react atualmente, sim ele é uma ferramenta para micro frontends e disponibilização de componentes. Eu acho que você deu um viajada aí, talvez depois valha fazer um estudo sobre isso novamente...
@MatheusCastiglioni2 ай бұрын
Discordo completamente Henrique, minha opinião é a dada em vídeo. Como eu sempre destaco em videos “essa é minha opinião” e esta tudo bem termos opiniões diferentes sobre o mesmo assunto.
@henriquezolini2 ай бұрын
@@MatheusCastiglioni Ter opinião é uma coisa, agora ter uma opinião que é contrária a algo que é um fato, é um equívoco. Mas tranquilo então! Só quis ajudar ;)
@devlucasfernando28 күн бұрын
Então, esse é o problema quando tentam criar afirmações sobre algo que é obvio, é claro que module federation não é microfrontend, mas foi criado para implementar tal arquitetura.
@Lanbyteach2 ай бұрын
muito bom , hahaahaha
@MatheusCastiglioni2 ай бұрын
Obrigado
@cleberwacheski82682 ай бұрын
Cara seu canal é muito bom, de verdade, parabéns.
@MatheusCastiglioni2 ай бұрын
Obrigado Cleber. O que tu mais curte por aqui?
@cleberwacheski82682 ай бұрын
@@MatheusCastiglioni Cara , todos os videos são muito bons , porém acredito que falta mais conteudos avançados em progamação no geral no yotutube, você tem feito conteudos extremamente relevantes nesse quesito, se der foco a isso, acredito que terá muito sucesso, mas é so minha opnião, um abraço.
@MatheusCastiglioni2 ай бұрын
Obrigado meu querido, eu tento trazer um pouco de tudo aqui para o canal, principalmente esses tópicos mais avançados pois compartilho do mesmo sentimento em relação à ausência desse tipo de conteúdo BR.
@AlexandreTrapp2 ай бұрын
Muito bom!
@MatheusCastiglioni2 ай бұрын
Obrigado Alexandre
@saymoncesar22532 ай бұрын
Muito bom conteúdo. Sabe dizer se com adaptações é possível rodar no google script?
@MatheusCastiglioni2 ай бұрын
Fala ai, infelizmente não sei lhe dizer pois desconheço esse tal de Google Script.
@YanMagaleInfo3 ай бұрын
Sempre com boas dicas man \o/\o/\o/
@MatheusCastiglioni3 ай бұрын
Obrigado meu querido.
@fagnerjb3 ай бұрын
O TL depois de cansar de falar sozinho na planning 12:54 '-' Dica muito boa! Já tentava fazer algo assim, agora ficou bem mais claro para passar pro resto do time! Obrigado
@MatheusCastiglioni3 ай бұрын
Valeu Fagner
@MakisuelMaltez3 ай бұрын
Mostre a geometria
@alailsonnascimento12433 ай бұрын
Esse curso ainda serve pra aprender aversão nova de 2024 ou é melhor ver as atualizações ?
@MatheusCastiglioni3 ай бұрын
Fala Alailson, tudo bem? O video esta bem desatualizado, a create-react-app foi descontinuada em favor ao Vite, Next.js, Remix e diversas outras novas ferramentas de desenvolvimento.
@alailsonnascimento12433 ай бұрын
@@MatheusCastiglioni obg, tem algum curso seu na udemy?
@MatheusCastiglioni3 ай бұрын
@@alailsonnascimento1243 Tem nada hehe
@RômuloRochadeOliveira3 ай бұрын
Ja acompanho seu conteudo ha um tempo. Voce tem bastante conhecimento, e gosto muito da sua abordagem! Vlw
@MatheusCastiglioni3 ай бұрын
Obrigado Rômulo
@karencardoso14384 ай бұрын
Muito bom! Gostei muito! Vc poderia fazer um vídeo de como vc organiza seu CSS quando usa do modo com 3 underline(panel__header___title). Vlw
@MatheusCastiglioni4 ай бұрын
Fala Karen, acho que seria muito simples para um video kkkk Basicamente para cada nivel de hierarquia eu adiciono um _. .first .first__second .first__second___third .first__second__third___fourth...
@pedrogazil4 ай бұрын
incrivel irmão, continue
@MatheusCastiglioni4 ай бұрын
Obrigado Pedro
@tosipaulo4 ай бұрын
Que video incrível, meu parabéns! Um dos melhores do youtube! É possível adicionar um MFE em uma div especifica, exemplo: Criei um app-aside e quero colocar na lateral do app. Como fazer isso?
@MatheusCastiglioni4 ай бұрын
Fala Paulo, tudo bem? É possível sim, basicamente seria a mesma coisa que eu fiz com o menu e o cabeçalho (header). Tu vai ter um MFE que será carregado em todas as páginas em X lugar.
@tosipaulo4 ай бұрын
@@MatheusCastiglioni Legal, obrigado! Na verdade estava precisando que esse MFE fica-se dentro de uma div especifica, eu utilizei: const lifecycles = singleSpaReact({ React, ReactDOM, rootComponent: Root, domElementGetter }); adicionei essa function domElementGetter que vai me renderizar aonde eu preciso. Obrigado e mais uma vez, massa demais o seu video
@DevDoido4 ай бұрын
Como escalar nro de conexoes usando websockets num chat por ex?
@MatheusCastiglioni4 ай бұрын
Fala DevDoido, basicamente tu pode seguir os mesmos principios ou parte dos principios de escalabildiade para APIs HTTP (Rest) tradicionais, tais como: - Escala Vertical (mais hardware) - Escala Horizontal (mais máquinas) - Load Balancer - Redundância / Replicação - Distribuição - Cache
@lincoln_fresco4 ай бұрын
So jesus salva
@igorgoncalves56914 ай бұрын
Quando tu fala da pasta interfaces eu fico pensando muito em interfaces em OO, mas a ideia aí que tu quer passar é de interfaces UI, ou seja te do a responsabilidade de renderização, correto? No caso ao usar views ao invés de interface foge o propósito? Home.view.tsx por exemplo
@MatheusCastiglioni4 ай бұрын
Fala Igor, sem problemas, eu usei views por um bom tempo antes de interfaces, agora eu estou usando uis para representar essa pasta.
@Paulo-cf4mh4 ай бұрын
Muito bom
@MatheusCastiglioni4 ай бұрын
Obrigado Paulo
@alexon20105 ай бұрын
Sou desenvolvedor React com mais de 8 anos que trabalho com React, já conheço bem seu canal, é muito top a qualidade das suas informações, mesmo tendo experiência eu sempre estou acompanhando tudo com relação ao React, uma coisa que sinto falta no controle do Estado é quanto a persistência, hoje eu utilizo o Zustand e toda vez que eu altero o estado e mantenho a atualização no localStorage para cada componente, eu acredito que tenha uma forma melhor para fazer eu ainda não parei para ver isto... poderia criar um video sobre o tema. O que eu gosto nos seus videos é tranquilidade para explicar as coisas fica muito didático.... Eu acredito que com Signal criando um hooks eu tenho um estado persistente mellhor e mais simpes de manter, só não sei como ainda
@MatheusCastiglioni4 ай бұрын
Fala Alexon, tudo bem? Eu já fiz um video há muito tempo atrás sobre o assunto, mesmo que esteja desatualizado a ideia ainda é a mesma, talvez vai mudar a forma de implementar com o avanço das tecnologias e/ou com as novas como Zustand ou Recoil, etc… [BR][Front-End] React - Sincronizando Redux offline kzbin.info/www/bejne/jGrWlaSvpc1pp9U
@iurylemos20205 ай бұрын
Muita qualidade!! Valeu pelo conteúdo
@MatheusCastiglioni4 ай бұрын
Obrigado Iury
@mauriciovilela13745 ай бұрын
Video de muita qualidade com trade offs, parabéns
@MatheusCastiglioni5 ай бұрын
Obrigado Mauricio
@natalirodrigues17025 ай бұрын
Sensacional. Útil e objetivo! Parabéns
@MatheusCastiglioni5 ай бұрын
Obrigado Natali
@brunosabio16375 ай бұрын
Seu vídeo me salvou! Conteúdo TOP
@MatheusCastiglioni5 ай бұрын
Obrigado Bruno
@lucasmoura44805 ай бұрын
Module federations é um meio de MFE com abordagem clint side
@MatheusCastiglioni5 ай бұрын
Fala Lucas, na real MF não tem nada a ver com MFE, como eu disse no vídeo é apenas uma técnica para distribuir e consumir artefatos de forma remota.
@lucasmoura44805 ай бұрын
@@MatheusCastiglioni boa, como falei e apenas 1 meio!
@devlucasfernando28 күн бұрын
@@lucasmoura4480 exatamente, mesmo o mf não sendo restrito a implementar a arquitetura de mfe, o autor do mf já afirmou que foi feito para isso.
@emanuelmarques10355 ай бұрын
Muito obrigado... Estou participando do #7DaysOfCode e estou gostando de seus videos, ganhou um seguidor. Top
@MatheusCastiglioni5 ай бұрын
Fala Emanuel, obrigado.
@arozendojr5 ай бұрын
Caredito que depois do hello world, as proximas coisas a se aprender seria anki, git, teste unitários e DDD. Apesar do DDD ser "complexo e difícil" de aprenter, acredito que após se familiarizar com a estrutura de pastas do DDD, demais estruturas ficariam mais "fáceis", lógico que fazendo um uso de todas essas ferramentas, anki. Git, teste unitários ajudaria muito o aprendizado. Apesar de gerar uma complexidade no aprendizado para iniciantes. Acredito que será pequeno e não excludente na carreira do desenvolvedores
@MatheusCastiglioni5 ай бұрын
Fala Aro, aprender DDD para iniciantes é uma das piores coisas que tu pode fazer porque vai ser extremamente complicado. Isso envolve muito conhecimento preparatório antes para que se consiga absorver o que de fato é DDD.
@edu_sdorneles5 ай бұрын
Os teus vídeos sobre micro front-end são muito daora e passam muito conhecimento! Estou maratonando kkkkk… Vou começar um projeto na empresa e estou em dúvida sobre module federation ou single-spa, os vídeos estão ajudando demais!
@MatheusCastiglioni5 ай бұрын
Fala Edu, show de bola. Recentemente lanei um sobre a diferença de module federation e micro front-end. De singla spa tem alguns ai hehe
@EliabyTeixeira3 ай бұрын
To no mesmo momento, estamos estudando qual o melhor caminho, Single SPA ou Module Federation. Valeu pelos videos Castiglione.
@MatheusCastiglioni3 ай бұрын
@@EliabyTeixeira Obrigado Eliaby
@emersoncosta19855 ай бұрын
Mandou bem garoto! ajudou muito no meu aprendizado aqui.
@MatheusCastiglioni5 ай бұрын
Obrigado
@reddemon76966 ай бұрын
tem como fazer essa detecção por dados de um banco?
@MatheusCastiglioni5 ай бұрын
Até teria, mas, nesse caso compensa realizar tudo no lado do servidor mesmo e só retornar a detecção final. Tu pode fazer isso utilizando Python pois existem muitas bibliotecas para lhe ajudar já prontas.
@maffeimusicc6 ай бұрын
você é monstro mlk!! continue trazendo esse conteúdo fodaaa tmj
@MatheusCastiglioni6 ай бұрын
Obrigado meu querido, tmj
@willianmarcellino66106 ай бұрын
Matheus, por que você usou "repository"? Isso não é a mesma coisa que o adapter pattern?
@MatheusCastiglioni6 ай бұрын
Fala Willian, sim e não kkk. Basicamente o adapter é mais para a gente criar uma abstração transformando A em B ou B em A. O padrão repositório é mais uma abstração em sobre infraestrutura, ou seja, ele não faz transformações mas sim adiciona uma layer para abstrair algum detalhe de implementação/infraestrutura.
@willianmarcellino66106 ай бұрын
@@MatheusCastiglioni Entendi. Obrigado
@arozendojr6 ай бұрын
Module Federation vai gerar uma nova requisição, tipo um lazyload, quando produtor(IP A) e consumidor(IP B) não existir no mesmo projeto, certo ?
@MatheusCastiglioni6 ай бұрын
Sim, um novo arquivo .js será requisitado para que a aplicação funcione de acordo, a fonte do arquivo será o projeto remoto baseado nas configurações do plugin em si.
@arozendojr6 ай бұрын
@@MatheusCastiglioni interessante, então podemos colocar "header" do projeto um módulo de monitoramento, caso o módulo tenha modificações, podemos atualizar tipo token de sentry, datadog, sem as aplicações tenha atualização, muito top
@MatheusCastiglioni6 ай бұрын
@@arozendojr Exatamente, desde que todas essas informações sejam providenciadas e injetadas via Header.
@arozendojr6 ай бұрын
@@MatheusCastiglioni pode lazy em outro path URL, lazy( /localhost/header) e a aplicação rodando localhost/home?
@MatheusCastiglioni6 ай бұрын
@@arozendojr Sinceramente não entendi
@ragegameplay11276 ай бұрын
Muito bom, já refatorei meus códigos com esse padrão. Fica muito mais de entender
@MatheusCastiglioni6 ай бұрын
Adeus ifs kkkk
@artu_almeida7 ай бұрын
api design patterns archutecture with python buildijg event driven microservices building evolutionary archutecutes building microservices arquitetura limpa clean code design data intensive apps DDD eric evans
@artu_almeida7 ай бұрын
fundamentals of software archutecute head furst software archutecut DDD vernom DDD orely masterinf api architecute monolith to microservice microservices up e running migrating to microservices databases refactoring refactoring databases restful web api patterns and pratice undertandint distributed systems workint effeftrly legacy code inside the machine craftint interpreters crucial conversations management 3.0 team topologis the manager path the staff engineer path