error-handling

Structured logging captures queryable logs with contextual request data, while custom error classes convey precise failure information. Together they ensure errors are traceable and maintain partial functionality through graceful degradation fallbacks.

React error boundaries create safe render boundaries that catch UI crashes and prevent total application failure. They enable graceful degradation by displaying fallback behaviors during rendering errors, maintaining partial functionality for users.

This skill fits API, UI, and background job contexts by providing typed error classes, async wrappers, React error boundaries, and structured logging. It requires no external dependencies, making it adaptable across various JavaScript and React service environments.

Yes, you can use React error boundaries with structured logging by integrating a structured logger within the error boundary pattern. This captures rendering errors with contextual data, providing queryable logs while displaying fallback UI behaviors.

React error boundaries do not catch errors in event handlers or async code; they only handle rendering errors. You must pair them with an async wrapper and centralized structured logging to manage asynchronous failures in API and background jobs effectively.