📖
Core

Error Boundary

Componente class que captura erros em filhos. Mostra UI de fallback em vez de quebrar o app.

📚 O que é

Implementa getDerivedStateFromError (atualiza state para mostrar fallback) e/ou componentDidCatch (side effects: log, Sentry). NÃO captura: async, event handlers, SSR, próprios erros.

✅ Quando usar

Isolar partes da UI que podem falhar (widgets, feeds, integrações). Em cada rota do app. Combinado com Sentry/Bugsnag para monitoramento.

🚫 Quando NÃO usar

Para erros em event handlers (use try/catch). Para erros async/fetch (use estados de erro). Para toda a aplicação sem granularidade.

👍 Prós
Isola falhas
UI de fallback amigável
Integra com monitoramento
Evita tela branca
👎 Contras
Precisa ser classe (não hook nativo)
Não captura async
Não captura event handlers
🔗 Termos relacionados