react-patterns
React 18/19 patterns including hooks discipline, server/client component boundaries, Suspense + error boundaries, form actions, data fetching, state management decision trees, and accessibility-first composition. Use when writing or reviewing React components.
- installs 8w
- 1,897
- 30-day movement
- starts with the next reading
- Related entries
- 9
- Connections
- 0
A SKILL.md agent skill covering idiomatic React 18/19 patterns: hooks discipline, server/client component boundaries, Suspense and error boundaries, forms, data fetching, state location, and accessibility-first composition. It bundles related skills (accessibility, frontend patterns, React performance and testing) plus a hooks ruleset under rules/react/.
It gives your agent a structured decision-tree reference for writing and reviewing React components instead of ad-hoc advice.
Use it to
- Write or modify React function components and custom hooks
- Review JSX/TSX files against hooks and composition rules
- Decide state location and whether a global store is needed
- Choose between React 19 form actions, controlled inputs, or a form library
- Place Suspense and error boundaries around data fetching
For Developers writing or reviewing React 18/19 code with an AI agent
- Host repository
- affaan-m/ECC
- Installs, lifetime
- 3,200
- Installs, 8 weeks
- 1,897
- Host stars
- 261k
- Host language
- JavaScript