React Best Practices

Quality patterns for React component design, state architecture, and performance. Complements the react skill (which covers correctness) — this skill covers design decisions.

When to Use

• Reviewing a React codebase for quality, not just correctness
• Deciding whether to split a component or lift state
• Evaluating prop API design before a PR merges
• Diagnosing unnecessary re-renders or premature optimization

Don't use for:

• Hooks rules or useEffect dependencies (use react)
• TypeScript annotations (use typescript)
• Redux patterns (use redux-toolkit)