Frontend Patterns Skill for React Error Boundaries
Isolate a failing widget with an error boundary and verify that surrounding navigation remains usable.
中文Install in Claude Code
Use your React page and component test runner, with a synthetic component that throws while rendering.
- Get the complete `docs/zh-TW/skills/frontend-patterns` directory from the pinned GitHub commit.
- Copy it into the target project's `.claude/skills/`. Check `.claude/skills/frontend-patterns/SKILL.md`, start Claude Code at the project root, and call `/frontend-patterns`.
Example task
Make a local recommendations component throw during render. Assert that Recommendations unavailable appears and catalog navigation still works.What to check
The fallback is limited to recommendations while navigation remains usable.
Original SKILL.md on GitHub · Updated
Frequently asked question
Will an error boundary catch every asynchronous fetch failure?
Use it for render-tree failures. Handle fetch failures explicitly in data logic or component state.