No video

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

  Рет қаралды 3,086

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 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/jju...
---
𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟:
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.devjuniorp...
💼 LinkedIn: / junior-alves-b66a10127
💻 GitHub: github.com/jju...
📷 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 Ай бұрын
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 Ай бұрын
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 Ай бұрын
Opa, valeu demais pela dica Marcos! 👊
@fravon1059
@fravon1059 Ай бұрын
E aí, Junior! um vídeo sobre o novo vite vindo com RSC (React Server Components) seria sensacional!
@usuarioanonimo7326
@usuarioanonimo7326 Ай бұрын
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 Ай бұрын
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.
@claytonjatoba
@claytonjatoba Ай бұрын
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!
@tiagoborges7297
@tiagoborges7297 Ай бұрын
Conheci um Suspense em um curso de NEXT JS que fiz há um tempo atrás. Vídeo excelente!
@devjunioralves
@devjunioralves Ай бұрын
Valeu Tiago! 👊
@ricardobonin6717
@ricardobonin6717 Ай бұрын
Mandando muito bem nos videos! parabéns
@isaacnewton2307
@isaacnewton2307 Ай бұрын
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 Ай бұрын
Kkkkk É verdade, seria interessante a gente escolher entre as 2 formas
@isaacnewton2307
@isaacnewton2307 Ай бұрын
Suspense + lazy + Objetos literais em forms foi uma combinação que usei por muito tempo kkkk
@devjunioralves
@devjunioralves Ай бұрын
Que combo hein kkkkkk
@claytonjatoba
@claytonjatoba Ай бұрын
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
@isaacnewton2307
@isaacnewton2307 Ай бұрын
bora que eu to com fome com um dia de atraso kkkk
@devjunioralves
@devjunioralves Ай бұрын
Kkkkkkkkk o importante é ta aqui hehe
Pergunta de entrevista | Code Split e Lazy Loading no ReactJS
9:58
Dev Junior Alves
Рет қаралды 2,1 М.
Little brothers couldn't stay calm when they noticed a bin lorry #shorts
00:32
Fabiosa Best Lifehacks
Рет қаралды 17 МЛН
Sunglasses Didn't Cover For Me! 🫢
00:12
Polar Reacts
Рет қаралды 5 МЛН
小蚂蚁被感动了!火影忍者 #佐助 #家庭
00:54
火影忍者一家
Рет қаралды 52 МЛН
Scrum Master é um Inútil (não é só sobre isso)
14:56
Lucas Montano
Рет қаралды 54 М.
Pare de Perder Tempo com as Linguagens de Programação ERRADAS
15:38
SOLID e Tarantino?!
7:08
Dev Junior Alves
Рет қаралды 811
O princípio mais fácil do SOLID, ou será que não? 🤔
5:20
Dev Junior Alves
Рет қаралды 1,5 М.
Next.js para Iniciantes na prática! (aulão)
44:04
LuizTools
Рет қаралды 2,6 М.
LARGUEI O REACT PARA TRABALHAR PRESENCIAL
7:22
Dev Erik
Рет қаралды 12 М.
Minha carreira de DEV junior no BR até senior na Europa em 3 anos
14:55
Little brothers couldn't stay calm when they noticed a bin lorry #shorts
00:32
Fabiosa Best Lifehacks
Рет қаралды 17 МЛН