react-best-practices
React architecture reference. Use when implementing, refactoring, or reviewing React TypeScript code that touches component composition, focused custom hooks, feature/shared boundaries, scoped state/providers, effect-driven state synchronization, API/data hooks, React 19 refs/context.
Pinned to revision 1a23b918b78b, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/react-best-practices/SKILL.md
- skills/react-best-practices/agents/openai.yaml
- skills/react-best-practices/references/architecture-avoid-boolean-props.md
- skills/react-best-practices/references/boundaries-feature-shared-split.md
- skills/react-best-practices/references/composition-compound-components.md
- skills/react-best-practices/references/composition-shared-interaction-primitives.md
- skills/react-best-practices/references/data-plain-api-functions.md
- skills/react-best-practices/references/helper-create-context.md
- skills/react-best-practices/references/helper-create-store-context.md
- skills/react-best-practices/references/helper-test-utils.md
- skills/react-best-practices/references/hooks-single-responsibility.md
- skills/react-best-practices/references/patterns-children-over-render-props.md
- skills/react-best-practices/references/react19-no-forwardref.md
- skills/react-best-practices/references/state-derive-without-effects.md
- skills/react-best-practices/references/state-scope-providers-to-owners.md
Every link opens the file at its source, pinned to the revision this page describes.