Como Lidar com Hydration Error no Next.js?!

🔴🔴🔴 NÃO LEIA 🔴🔴🔴

📷 Segue lá no Instagram:

💭 Participe da nossa comunidade no Discord:

🧑‍💻 Repositório do canal:

𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟:

7 CONCEITOS DO TYPESCRIPT QUE VOCÊ DEVE SABE

QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS

COMO APLICAR SOLID NO REACT - Inversão de dependência DIP

[ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23? Fique de olho nessas tecnologias

TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3

A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!

QUANDO NÃO UTILIZAR ESTADOS NO REACT?

MELHORE A USABILIDADE DE SUAS APLICAÇÕES COM ISSO

TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3

A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!

---

Livros que me ajudaram:
Código Limpo
Arquitetura Limpa
Como ser um programador melhor
Estruturas de dados e algoritmos com JavaScript
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
14 hábitos de desenvolvedores altamente produtivos
Hábitos Atômicos
Aprendendo a Aprender
Rápido e devagar
A vida dos Estoicos
Meditações de Marco Aurélio

*Links afiliados.
---

👋 Você pode me encontrar aqui:

👨‍💻 Sobre mim
Eu sou Junior, Senior Frontend Engineer! Tenho mais de 4 anos de experiência.

✉️ Email comercial

📌 Utilidades
Editor: VS Code
Tema: Illusion
Music provided by NoCopyrightSounds.

#reactjs #nextjs #server

[devjunioralves]

Quero muito saber seu feedback, deixa aqui nos comentários! 👇

Vídeos relacionados:
React Server Component VS React Client Component:

Maiores dúvidas no Next.js:

---

✅ Segue lá no Instagram:

✅ Nossa comunidade no Discord:

👉 Livros em promoção:
Como ser um programador melhor
Arquitetura Limpa (Clean Arch)
Clean Code
Estruturas de dados e algoritmos com JavaScript

[Weth]

Muito bom, estava com algumas dúvidas nesse tópico.

[gabri]

Ótimo vídeo! Será que você poderia fazer uma playlist de test unitários com jest e testing library? Sei que já tem vídeos utilizando jest, mas seria muito legal uma "minissérie", explicando do início ao avançado (falo isso, pois a sua didática é muito boa, e são poucos vídeos que eu encontro de test no YouTube).

[douglaseusilva]

Antes eu pensava em usar o Next para tudo mas acabei criando um "trauma" com ele e hoje eu recomendo mais o Vite. Vou depois estudar ele com mais calma para entender melhor isto e quebrar essa barreira.
Infelizmente eu tive muitos problemas com Next por causa desse Hydration Error principalmente nas lógicas de recuperação de estados no local storage.

[joaopedrobot]

Muito bom o vídeo, mas o audio está um pouco baixo... Se puder aumentar seria muito bom.

[matheusdeoliveira]

Júnior, há alguém macete que você faça pra poder visualizar skeletons/spinners enquanto em desenvolvimento? Principalmente utilizando a Suspense api

[dbibpww]

mestre, qual ferramente que tu usa para desenhar os fluxos e demonstrar os conceitos?

[leandroferreira]

Estou enfrentando problema disso quando trago informações de contexto, para ficar mais fácil de enxergar eu tenho uma sequência de processos para postar um produto, então o usuário escolher a categoria e vai para a próxima tela, onde ele vai definir o título, valor e descrição, e em seguida ele vai para próxima tela para subir uma imagem. E na última tela ele confere os dados em um tela exemplo de como irá ficar o produto postado. Durante esse processo ele vai populando um contexto até chegar na última tela e resgata todos os dados nesse contexto. Nessa hora ele quebra nesse erro... Não entendo o porque acontece isso sendo que todos os componentes são use cliente e não são server componentes... se alguém tiver uma possível solicitação comenta aqui. Valew!