Grande mudança no ReactJS 19 | Isso pode atrasar o lançamento

  Рет қаралды 2,898

Dev Junior Alves

Dev Junior Alves

11 күн бұрын

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 Suspense API do ReactJS é uma poderosa ferramenta para melhorar a experiência do usuário ao lidar com carregamento assíncrono de dados.
Ela permite que componentes "esperem" por algo antes de serem renderizados, exibindo um fallback, como um indicador de carregamento, enquanto os dados estão sendo obtidos.
Isso facilita a gestão de estados de carregamento e melhora a usabilidade, tornando a aplicação mais eficiente e responsiva.
Porém, na nova versão do ReactJS, a Suspense API sofreu uma grande mudança e isso podo impactar muito a performance!
---
✅ 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 #typescript #nextjs

Пікірлер: 17
@devjunioralves
@devjunioralves 9 күн бұрын
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
@MarcosSarges
@MarcosSarges 9 күн бұрын
Dica: o network tem a coluna de time, ali fica o momento em que a request foi disparada, para o seu exemplo, utilizar essa coluna deixaria mais claro a explicação.
@devjunioralves
@devjunioralves 9 күн бұрын
Opa, valeu demais pela dica Marcos! 👊
@tiagoborges7297
@tiagoborges7297 8 күн бұрын
Conheci um Suspense em um curso de NEXT JS que fiz há um tempo atrás. Vídeo excelente!
@devjunioralves
@devjunioralves 8 күн бұрын
Valeu Tiago! 👊
@fravon1059
@fravon1059 4 күн бұрын
E aí, Junior! um vídeo sobre o novo vite vindo com RSC (React Server Components) seria sensacional!
@isaacnewton2307
@isaacnewton2307 8 күн бұрын
Suspense + lazy + Objetos literais em forms foi uma combinação que usei por muito tempo kkkk
@devjunioralves
@devjunioralves 8 күн бұрын
Que combo hein kkkkkk
@claytonjatoba
@claytonjatoba 9 күн бұрын
Uma sugestão de conteúdo seria falar sobre mock dos hooks do React e como mocar utilizando valores diferentes para testes separados dentro de um mesmo arquivo de test, com vitest de preferência, de forma a isolar os mocks sem afetar testes diferentes
@ricardobonin6717
@ricardobonin6717 9 күн бұрын
Mandando muito bem nos videos! parabéns
@claytonjatoba
@claytonjatoba 9 күн бұрын
Sobre o segundo console exibido uma dica é utilizar a função "Hide logs during second render in Strict Mode" nas configurações do React dev tools. Parabéns pelos conteúdos!
@usuarioanonimo7326
@usuarioanonimo7326 7 күн бұрын
Você sempre fazendo videos incríveis pra ajudar a gente,como voce um desenvolvedor na area que eu respeito muito, então eu venho humildemente pergunta vc uma coisa ou pode ser até uma ideia de video futuro pra vc Eu to estudando a mais de 1 ano em meio pra front e hj já estou com projetos em next/typescript e também ja possuo um inglês intermediário quase avançado,e meu planejamento é estudar até o resto do ano pra poder ano que ven ja ingressar no 1° emprego Mas vejo que o decorrer do tempo a concorrência aumenta e ainda as vagas nao sao como antes,por queria saber da sua visao se ainda vale a pena front end e algumas dicas pra arrumar vagas Caso vc tenha lido esse livro que eu escrevi,eu agradeço muito pq além de tira minha duvida,voce irá ajuda outros inscritos ou também se vc não leu,eu agradeço também pq seus conteúdos são muito bons
@devjunioralves
@devjunioralves 7 күн бұрын
Primeiramente, obrigado pelo feedback, fico muito feliz em saber que você ta curtindo os conteúdos! Sobre o vídeo, posso sim fazer um vídeo sobre o assunto, com certeza é um assunto complexo, mas extremamente importante. Até o vídeo sair, siga estudando, pq sim vale muito a pena e o inglês é importante, pois uma vaga gringa pode aparecer e tu precisa estar preparado. Costumo dizer que sorte = oportunidade + preparo.
@isaacnewton2307
@isaacnewton2307 8 күн бұрын
vi inclusive achei meio precipitado achei que poderia incluir um novo Suspense para esse novo jeito para ficar a cargo do desenvolvedor como quer tipo o useEffect e useLayoutEffect kkkkkkk
@devjunioralves
@devjunioralves 8 күн бұрын
Kkkkk É verdade, seria interessante a gente escolher entre as 2 formas
@isaacnewton2307
@isaacnewton2307 8 күн бұрын
bora que eu to com fome com um dia de atraso kkkk
@devjunioralves
@devjunioralves 8 күн бұрын
Kkkkkkkkk o importante é ta aqui hehe
TUDO sobre o NOVO hook do ReactJS
16:32
Dev Junior Alves
Рет қаралды 14 М.
O que é Next.js, na prática, em 15 minutos!
15:12
LuizTools
Рет қаралды 31 М.
Wait for the last one! 👀
00:28
Josh Horton
Рет қаралды 170 МЛН
Can You Draw A PERFECTLY Dotted Line?
00:55
Stokes Twins
Рет қаралды 110 МЛН
LOVE LETTER - POPPY PLAYTIME CHAPTER 3 | GH'S ANIMATION
00:15
3 Conceitos Avançados do ReactJS que Vale a Pena Você Conhecer
18:10
Dev Junior Alves
Рет қаралды 2,6 М.
NextJS -  Desvendando os Segredos dos Layouts
14:16
Mestres da Web
Рет қаралды 701
Scrum Master é um Inútil (não é só sobre isso)
14:56
Lucas Montano
Рет қаралды 41 М.
Criando uma API do ZERO com Node.js e Banco de Dados
1:15:42
DevClub | Programação
Рет қаралды 35 М.
Dicas para Dev Senior | O que você PRECISA saber?
14:31
Dev Junior Alves
Рет қаралды 873
Formulários no React 19 com Server Actions (com validação)
14:02
Eu RESUMI o Next.js 14 para você! (Server Components & Actions)
24:10
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 462 М.
Wait for the last one! 👀
00:28
Josh Horton
Рет қаралды 170 МЛН