🏗️
Next.js RSC
Boundary RSC no Next.js
Server Components = dados e lógica server-side. Client Components = apenas onde há interatividade.
Definição
No App Router, todos os componentes são Server Components por padrão. 'use client' marca o boundary onde começa o código client. O ideal é empurrar 'use client' para as folhas — apenas onde há useState, eventos ou browser APIs.
🔴 Problema
'use client' em tudo envia JS desnecessário ao browser — anula os benefícios do RSC.
✅ Solução
Empurrar 'use client' para as folhas da árvore — apenas nos componentes com useState/eventos.
💡 Dica Senior
Pergunta: 'precisa de useState, useEffect, event handlers ou browser APIs?' Se não → Server Component.
Perguntas de Entrevista
🔗 Termos do dicionário
14/48