Error Boundaries en React capturan errores de renderizado para mostrar una UI de fallback. Combinados con logging, permiten monitorear errores en producción.

Error Boundaries en React

Componentes que capturan errores en su subárbol con componentDidCatch() o static getDerivedStateFromError(). Reemplazan try/catch para errores de renderizado.

Logging de errores

Captura errores en Error Boundaries y envíalos a un servicio: Sentry, LogRocket, Datadog. Incluye stack trace, props, y contexto del usuario.

window.onerror y unhandledrejection

Captura errores no manejados globalmente. window.onerror para errores síncronos. unhandledrejection para promesas rechazadas.

Buenas prácticas

No silencies errores. Loggea en producción. Agrupa errores similares. Monitorea tendencias. Alerta sobre nuevos errores críticos.