🎯
Padrão
Suspense Boundaries
Múltiplos Suspense próximos dos dados = loading independente por área, sem bloquear a página.
Definição
Suspense é um componente que captura promises que ainda não resolveram, mostrando um fallback (skeleton, spinner) até que resolvam. Funciona com lazy loading, RSC streaming e libs como React Query (com suspense:true).
🔴 Problema
Um único Suspense no topo bloqueia a página inteira enquanto qualquer componente carrega.
✅ Solução
Colocar Suspense ao redor de cada área que carrega dados — granularidade máxima.
💡 Dica Senior
Cada Suspense boundary = área independente. Mais granular = melhor UX. Nunca um só no topo.
Perguntas de Entrevista
🔗 Termos do dicionário
5/48