Você já sabia desses processos? Deixe aqui nos comentários! 👇 Entenda a diferença entre Components VS Elements no REACTJS ua-cam.com/video/avs4qW3QGLg/v-deo.html 👉 Livros em promoção: Como ser um programador melhor amzn.to/3POQ5fq Estruturas de dados e algoritmos com JavaScript amzn.to/3hM0L1u Arquitetura Limpa (Clean Arch) amzn.to/3Viqw7v Clean Code amzn.to/3hHXVKY Estruturas de dados e algoritmos com JavaScript amzn.to/3hM0L1u ✅ Me segue lá no Instagram: instagram.com/devjunioralves/ ✅ Nossa comunidade no Discord: discord.com/invite/bVxW4Dhgrf
Código JSX -> Transpilação/Chamada da função createElement (esse passo 2 e 3 é meio que redundante, o transpilador que faz a conversão do JSX por baixo dos panos realizando as chamadas de função para cada elemento JSX). -> Criação dos React Elements (Resultado da chamada da função createElement), retorna objetos JS que contém informações sobre o tipo do elemento (tag/componente), atributos/props, e os "filhos" desse elemento. -> Criação da Virtual DOM através dos React Elements -> Reconciliação, o React compara o Virtual DOM com a versão anterior e através disso determinada quais partes da UI precisam ser atualizadas ( o React usa o algortimo de comparação e atualiza apenas as partes afetadas da UI no DOM real, então ele reduz o custo de render e por isso é mais "eficiente" que o DOM comum). -> Render da UI, o React atualiza apenas as partes afetadas da interface do usuário no DOM real, então basicamente apenas os elementos que foram adicionados, removidos, modificados etc são atualizados no DOM. É isso !
quando for fazer vídeos, tenta trazer mais elementos visuais, estilo slides, código, diagramas, nem que pelo menos de um highlight nos tópicos que vc ta falando 90% do vídeo foi só fala, é como se pegasse um artigo e botasse um text to speech pra narrar ele, entende? conteúdo em vídeo é um canhão que mta gente não explora bem outra dica, se o foco é no que você ta falando, divide sua tela entre código e você, pra dar foco em você, 95% da sua tela ficou imóvel o vídeo todo
Você já sabia desses processos? Deixe aqui nos comentários! 👇
Entenda a diferença entre Components VS Elements no REACTJS
ua-cam.com/video/avs4qW3QGLg/v-deo.html
👉 Livros em promoção:
Como ser um programador melhor
amzn.to/3POQ5fq
Estruturas de dados e algoritmos com JavaScript
amzn.to/3hM0L1u
Arquitetura Limpa (Clean Arch)
amzn.to/3Viqw7v
Clean Code
amzn.to/3hHXVKY
Estruturas de dados e algoritmos com JavaScript
amzn.to/3hM0L1u
✅ Me segue lá no Instagram:
instagram.com/devjunioralves/
✅ Nossa comunidade no Discord:
discord.com/invite/bVxW4Dhgrf
Bom vídeo! Um pequena ressalva, o jsx é apenas uma extensão do javascript para fazer marcação. E sim, o swc está desde a versão 12 do Next 🙂
Sim perfeito, eu digo isso no vídeo, é um syntax extension do JS.
Valeu Cassio!
Muito legal cara, show de bola!
Otimo video manow, nunca vi nada parecido
Que show que curtiu mano!!! 👊
Vlw mn, estou estudando reactjs e to aprendendo muita coisa com seus vídeos
muuito mass esse transpile, valeus man pela dica
Código JSX -> Transpilação/Chamada da função createElement (esse passo 2 e 3 é meio que redundante, o transpilador que faz a conversão do JSX por baixo dos panos realizando as chamadas de função para cada elemento JSX). -> Criação dos React Elements (Resultado da chamada da função createElement), retorna objetos JS que contém informações sobre o tipo do elemento (tag/componente), atributos/props, e os "filhos" desse elemento. -> Criação da Virtual DOM através dos React Elements -> Reconciliação, o React compara o Virtual DOM com a versão anterior e através disso determinada quais partes da UI precisam ser atualizadas ( o React usa o algortimo de comparação e atualiza apenas as partes afetadas da UI no DOM real, então ele reduz o custo de render e por isso é mais "eficiente" que o DOM comum). -> Render da UI, o React atualiza apenas as partes afetadas da interface do usuário no DOM real, então basicamente apenas os elementos que foram adicionados, removidos, modificados etc são atualizados no DOM. É isso !
muito bom. Fera.
Valeu man!
Valeu, man 🎉
Tmj man 👊
Valeu man, muito bom!
top d+
Valeuuuu Isakiel! 👊
bora que eu to com fome
Boraaa man
quando for fazer vídeos, tenta trazer mais elementos visuais, estilo slides, código, diagramas, nem que pelo menos de um highlight nos tópicos que vc ta falando
90% do vídeo foi só fala, é como se pegasse um artigo e botasse um text to speech pra narrar ele, entende? conteúdo em vídeo é um canhão que mta gente não explora bem
outra dica, se o foco é no que você ta falando, divide sua tela entre código e você, pra dar foco em você, 95% da sua tela ficou imóvel o vídeo todo
Excelente ponto! Eu mesmo precisei ir anotando os paços no excalidraw uahau! Mas ficou muito bem explicado!
top d+
👊🚀