React Compiler | A grande novidade do ReactJS 19

  Рет қаралды 5,894

Dev Junior Alves

Dev Junior Alves

Ай бұрын

Faça parte dessa comunidade, seja MEMBRO DO CANAL! 👊🚀
Isso me ajuda demais a continuar trazendo conteúdo de qualidade! Muito obrigado de coração ♥️
--
A ReactJS Conf 2024, uma conferência anualmente aguardada pela comunidade dev, prometeu trazer inovações e atualizações significativas para o ecossistema React.
Entre os destaques do evento, o lançamento oficial do React Compiler, uma ferramenta revolucionária que transforma o processo de compilação dos componentes React em algo mais eficiente e intuitivo.
Este novo compilador não apenas acelera o tempo de compilação, mas também introduz novas funcionalidades que facilitam a escrita de código limpo e performático, e acredito ser um grande passo para evolução da ferramenta.
---
react.dev/learn/react-compiler
swc.rs/playground
---
✅ Curso de Next.js 13:
hotm.art/lA0ujDcw
📷 Segue lá no Instagram:
/ devjunioralves
💭 Participe da nossa comunidade no Discord:
/ discord
🧑‍💻 Repositório do canal:
github.com/jjunior96/dev-juni...
---
𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟:
7 CONCEITOS DO TYPESCRIPT QUE VOCÊ DEVE SABE
• 7 CONCEITOS DO TYPESCR...
Signals no React.js?!
• Signals no React.js?!
QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS
• QUAL A MELHOR ESTRUTUR...
COMO APLICAR SOLID NO REACT - Inversão de dependência DIP
• COMO APLICAR SOLID NO ...
[ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23? Fique de olho nessas tecnologias
• [ROADMAP] O QUE VOCÊ D...
TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3
• TUTORIAL NEXT.JS 13: F...
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
• A FORMA CORRETA DE CRI...
QUANDO NÃO UTILIZAR ESTADOS NO REACT?
• QUANDO NÃO UTILIZAR ES...
MELHORE A USABILIDADE DE SUAS APLICAÇÕES COM ISSO
• MELHORE A USABILIDADE ...
TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3
• TUTORIAL NEXT.JS 13: V...
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
• A FORMA CORRETA DE CRI...
---
Livros que me ajudaram:
Código Limpo
amzn.to/3hHXVKY
Arquitetura Limpa
amzn.to/3Viqw7v
Como ser um programador melhor
amzn.to/3POQ5fq
Estruturas de dados e algoritmos com JavaScript
amzn.to/3hM0L1u
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
amzn.to/3BWsaEO
14 hábitos de desenvolvedores altamente produtivos
amzn.to/3uZqsyy
Hábitos Atômicos
amzn.to/3FGllIM
Aprendendo a Aprender
amzn.to/3WxM0hG
Rápido e devagar
amzn.to/3PLrYhq
A vida dos Estoicos
amzn.to/3vaQIGl
Meditações de Marco Aurélio
amzn.to/3joFYS1
*Links afiliados.
---
👋 Você pode me encontrar aqui:
🧑‍💻 Blog: www.devjuniorplus.com.br
💼 LinkedIn: / junior-alves-b66a10127
💻 GitHub: github.com/jjunior96
📷 Instagram: / devjunioralves
👨‍💻 Sobre mim
Eu sou Junior, Senior Frontend Engineer! Tenho mais de 4 anos de experiência.
Aqui, compartilho conteúdo sobre React.js, Next.js, TypeScript, JavaScript, testes, livros, SOLID e tudo mais relacionado à desenvolvimento de software.
✉️ Email comercial
devjuniorplus@gmail.com
📌 Utilidades
Editor: VS Code
Tema: Illusion
Music provided by NoCopyrightSounds.
#reactjs #react19 #react

Пікірлер: 28
@devjunioralves
@devjunioralves Ай бұрын
👉 Material para você aprender mais: The Road to React: amzn.to/3QOvnhr Modern Patterns for Developing React Apps: amzn.to/3wLdOHZ Lógica de Programação e Algoritmos com JavaScript: amzn.to/48Cj65Z JavaScript: O Guia Definitivo: amzn.to/48jh9vp Como ser um programador melhor amzn.to/48WYGVj Arquitetura Limpa (Clean Arch) amzn.to/3Viqw7v Clean Code amzn.to/3hHXVKY Estruturas de dados e algoritmos com JavaScript amzn.to/49FOzFd --- ✅ Segue lá no Instagram: instagram.com/devjunioralves/ ✅ Nossa comunidade no Discord: discord.com/invite/bVxW4Dhgrf
@jandsonrj
@jandsonrj Ай бұрын
Saaalve! vim pelo LinkedIn! conteúdo top irmao! valeu :)
@devjunioralves
@devjunioralves Ай бұрын
Que show, valeu demais Jandson! 👊🚀
@henriqueandrade5793
@henriqueandrade5793 Ай бұрын
Parabéns pelo conteúdo! Para acompanhar seus vídeos precisa de um nível interessante referente ao ecossistema do React e derivados do JS.. de fato! Isso é excelente porque ficar avançando vídeos para continuar o raciocínio da explicação perde total o contexto do que realmente importa, diria que está muito bem balanceado entre o ensino e a informação! Aos poucos Estou acompanhando os vídeos mais antigos também. De certa forma, os hooks de memoização do React, trazem otimizações de performance que lembram as técnicas de gestão de recursos usadas em linguagens compiladas, então da pra entender a sacada de chamar de React Compiler e fazer essas técnicas por baixo dos panos
@devjunioralves
@devjunioralves Ай бұрын
Sensacional Henrique! Concordo com você. Valeu demais pelo feedback, é muito importante! 👊
@isaacnewton2307
@isaacnewton2307 Ай бұрын
bora que é hora do café da tarde
@devjunioralves
@devjunioralves Ай бұрын
Opaaa man! ☕️
@sombrakey
@sombrakey Ай бұрын
Obrigado pelo conteúdo! Aqui não vai mudar nada, o projeto não é atualizado kkkk
@devjunioralves
@devjunioralves Ай бұрын
Aí que os side projects brilham hehe Valeu demais man! 👊
@joaocuriosidades2331
@joaocuriosidades2331 Ай бұрын
conteúdo top
@devjunioralves
@devjunioralves Ай бұрын
Valeu João!!!
@juaciu-_-6484
@juaciu-_-6484 Ай бұрын
Tem como fazer validação de upload de imagens com o zod? Se tiver poderia fazer um video ensinando?
@devjunioralves
@devjunioralves Ай бұрын
Tem sim man, posso fazer um vídeo explicando como sim!
@juaciu-_-6484
@juaciu-_-6484 Ай бұрын
@@devjunioralves boa meu patrão, você é foda
@thiagodiniz8224
@thiagodiniz8224 Ай бұрын
Quase ninguém pegou o react lá em 2015 era tudo feito na unha, nem existia jsx ou transpiler.
@devjunioralves
@devjunioralves Ай бұрын
Exatamente! Na época, era uma "aposta", inclusive, houveram muitas críticas sobre o JSX.
@zguidi
@zguidi Ай бұрын
Ainda bem
@ritmoandblues
@ritmoandblues Ай бұрын
acho que o svelte faz isso desde sempre
@devjunioralves
@devjunioralves Ай бұрын
Que legal, é muito bom ver as tecnologias evoluirem.
@seoky6
@seoky6 Ай бұрын
Não é uma competição de qual é melhor amigo =)
@isaacnewton2307
@isaacnewton2307 Ай бұрын
na fila de techs o react foi o ultimo a aderir todos ja são do angular até o svelte por isso... muita gente ficou revoltada com o react.js vender isso como "inovação" era o movimento esperado a tempos kkkkkk
@code-island
@code-island Ай бұрын
falou falou e não explicou nada
@devjunioralves
@devjunioralves Ай бұрын
Seria interessante uma sugestão ou algo do tipo 🤔
@gabrielpapke
@gabrielpapke Ай бұрын
Acho que seria interessante ter um exemplo com e sem compiler. Ver na prática a diferença dos dois em comportamentos distintos, mas com o mesmo código.
@SnowMacrosOficial
@SnowMacrosOficial Ай бұрын
também senti a mesma coisa, tipo eae? o que muda no final das conta com ou sem compilação?
@olucascardoso
@olucascardoso Ай бұрын
Aooo telespectador do Fábio Akita, programador senior, irmão do Deschamps
Como aplicar Design Patterns no React com hooks?!
11:38
Dev Junior Alves
Рет қаралды 3,7 М.
когда повзрослела // EVA mash
00:40
EVA mash
Рет қаралды 3,9 МЛН
CoPilot Review: My Thoughts After 6 Months
9:45
ThePrimeagen
Рет қаралды 538 М.
They made React great again?
4:11
Fireship
Рет қаралды 1 МЛН
Every React 19 Feature Explained in 8 Minutes
7:35
Code Bootcamp
Рет қаралды 114 М.
100+ Linux Things you Need to Know
12:23
Fireship
Рет қаралды 272 М.
Testes em 5 minutos
5:40
Dev Junior Alves
Рет қаралды 1,3 М.
Entrevista ReactJS | Uma das perguntas mais comuns
9:25
Dev Junior Alves
Рет қаралды 4,2 М.
Grande mudança no ReactJS 19 | Isso pode atrasar o lançamento
10:40
Dev Junior Alves
Рет қаралды 2 М.
O hook mais complexo do ReactJS | O useEffect é desnecessário?!
9:54