https://takao.blog/es/tags/sentry/Recent content in Sentry on Commentary of TakaoHugo -- gohugo.ioesCommentary of TakaoSun, 12 Jul 2026 04:12:51 +0900https://takao.blog/es/web/frontend-error-boundaries-logging/Tue, 20 Jan 2026 00:00:00 +0900https://takao.blog/es/web/frontend-error-boundaries-logging/<img src="https://takao.blog/img/thumbnail/frontend-error-boundaries-logging-es.png" alt="Featured image of post Error Boundaries y logging en frontend" /><p>Error Boundaries en React capturan errores de renderizado para mostrar una UI de fallback. Combinados con logging, permiten monitorear errores en producción.</p> <h2 id="error-boundaries-en-react">Error Boundaries en React </h2><p>Componentes que capturan errores en su subárbol con <code>componentDidCatch()</code> o <code>static getDerivedStateFromError()</code>. Reemplazan try/catch para errores de renderizado.</p> <h2 id="logging-de-errores">Logging de errores </h2><p>Captura errores en Error Boundaries y envíalos a un servicio: Sentry, LogRocket, Datadog. Incluye stack trace, props, y contexto del usuario.</p> <h2 id="windowonerror-y-unhandledrejection">window.onerror y unhandledrejection </h2><p>Captura errores no manejados globalmente. <code>window.onerror</code> para errores síncronos. <code>unhandledrejection</code> para promesas rechazadas.</p>