web-error-handling-error-boundaries
Installation
SKILL.md
React Error Boundaries
Quick Guide: A boundary catches errors thrown during render, in lifecycle methods and in constructors, and swaps the subtree for fallback UI. It never sees event-handler, async or server-render errors — those reach it only when something calls
showBoundary(). Boundaries are class components, becausegetDerivedStateFromErrorandcomponentDidCatchhave no hook equivalent. React 19 addsonCaughtError,onUncaughtErrorandonRecoverableErroroncreateRoot, which log rather than render and are silently ignored on React 18.
Detailed Resources:
- examples/core.md — the class boundary,
react-error-boundaryusage,resetKeys,useErrorBoundary, granular placement - examples/react-19-hooks.md —
createRoot/hydrateRooterror options,captureOwnerStack(), error filtering - examples/recovery.md — retry limits, exponential backoff, error classification
- examples/testing.md — what makes a boundary testable, and the fixtures that do it
- reference.md — what boundaries catch, lifecycle and prop tables, checklists