react
Installation
SKILL.md
React
Components are pure functions. State is minimal. Effects are escape hatches. If you reach for useEffect, verify you actually need it.
React rewards thinking in components: break UI into pieces, find minimal state, identify where it lives, and wire data flow from parent to child. References contain extended examples, rationale, and edge cases for each topic area.
References
| Topic | Reference | Contents |
|---|---|---|
| Components | ${CLAUDE_SKILL_DIR}/references/components.md |
Composition, refs, metadata, custom elements |
| Hooks | ${CLAUDE_SKILL_DIR}/references/hooks.md |
Hook rules, custom hooks, useSyncExternalStore |
| State | ${CLAUDE_SKILL_DIR}/references/state.md |
Placement, reducers, context, actions |
| Performance | ${CLAUDE_SKILL_DIR}/references/performance.md |
Compiler, memoization, server components, streaming |
| Testing | ${CLAUDE_SKILL_DIR}/references/testing.md |
Query priority/variants, userEvent catalog, async patterns |