
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).
Pure knowledge skill with no scripts — 10 React patterns and anti-patterns presented as a checklist. SKILL.md is well-structured with BAD/GOOD code examples, specific trigger descriptions, and a quick-reference table. No security concerns whatsoever; it's static markdown with illustrative code snippets.
No scripts to execute. Skill is entirely self-contained markdown content. Architecture could be improved with richer frontmatter metadata, but the content quality is high for a knowledge/reference skill.