from react-tips-skill9
Practical checklist of 10 high-impact React patterns and anti-patterns for state, hooks, performance, and component design — use when writing or reviewing React
This skill provides ten concise, opinionated React patterns and anti-patterns that prevent common bugs and improve component architecture. Each tip includes rationale, when to apply it, and short code examples for real-world usage (useReducer, useTransition, state colocation, keys, useLayoutEffect, etc.).
Use during code reviews, refactors, or when designing components that require predictable state, performant inputs, and clear separation of concerns. It's ideal for frontend engineers, reviewers, and teaching contexts.
Useful for code-review and developer-assist agents (Copilot-style, Claude Code, GitHub Copilot, or any assistant that can present code and recommendations).
This skill has not been reviewed by our automated audit pipeline yet.
