Conheça a Formação React da Rocketseat: https://rseat.in/formacao_react_rocketseat
Modelo de currículo para devs (gratuito): https://rseat.in/Modelo_curriculo
Bora falar das principais mudanças no Next.js 14 e 15, focando na nova abordagem de caching e no uso de tags para revalidação de dados? Nesse vídeo, o Diego explora problemas comuns e melhores práticas ao lidar com cache no Next.js, que é essencial para aplicações performáticas e escaláveis além de evitar erros comuns que podem prejudicar a experiência do usuário e o funcionamento da aplicação.
Confere aí 👇
00:00- 00:33 - Mudanças no Next.js 14
00:33- 01:04 - App Router e diferenças com Pages Router
01:04- 01:35 - Erros comuns no uso de caching no Next.js
01:35- 02:05 - Como usar tags de cache para revalidação?
02:05- 02:38 - Diferença entre React Query e caching no Next.js
02:38- 03:10 - Implementação de Query Key no React Query
03:10- 03:41 - Como invalidar cache corretamente?
03:41- 04:11 - Estratégias erradas ao migrar do React Query para Next.js
04:11- 04:41 - Criando uma aplicação Next.js com cache tags
04:41- 05:12 - Server components e requisições no Next.js
05:12- 06:31 - Uso do React Hook Form em formulários
06:31- 07:55 - Implementação prática de server functions
07:55- 10:05 - Como testar e debugar cache tags?
10:05- 15:54 - Ajustando o uso de tags para melhorar o desempenho
-----
Conecte-se a 500mil devs e avance para o próximo nível com a nossa plataforma: https://rocketseat.com.br/
Cadastre-se na nossa plataforma: https://app.rocketseat.com.br/signup
Junte-se a mais de 392mil devs em nossa comunidade no Discord: https://discord.gg/rocketseat
Acompanhe a Rocketseat nas redes sociais:
TikTok: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat