React Patterns
Principles for building production-ready React applications.
React Patterns
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
Dokhacgiakhoa
Updated React Patterns by Dokhacgiakhoa · 7d99252
npx skillmds@latest add dokhacgiakhoa/react-patterns File contents
---name: react-patternsdescription: Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.---
# React Patterns
> Principles for building production-ready React applications.
---
## 1. Component Design Principles
## 🧠 Knowledge Modules (Fractal Skills)
### 1. [Component Types](./sub-skills/component-types.md)
### 2. [Design Rules](./sub-skills/design-rules.md)
### 3. [When to Extract Hooks](./sub-skills/when-to-extract-hooks.md)
### 4. [Hook Rules](./sub-skills/hook-rules.md)
### 5. [State Placement](./sub-skills/state-placement.md)
### 6. [New Hooks](./sub-skills/new-hooks.md)
### 7. [Compiler Benefits](./sub-skills/compiler-benefits.md)
### 8. [Compound Components](./sub-skills/compound-components.md)
### 9. [Render Props vs Hooks](./sub-skills/render-props-vs-hooks.md)
### 10. [When to Optimize](./sub-skills/when-to-optimize.md)
### 11. [Optimization Order](./sub-skills/optimization-order.md)
### 12. [Error Boundary Usage](./sub-skills/error-boundary-usage.md)
### 13. [Error Recovery](./sub-skills/error-recovery.md)
### 14. [Props Typing](./sub-skills/props-typing.md)
### 15. [Common Types](./sub-skills/common-types.md)
### 16. [Test Priorities](./sub-skills/test-priorities.md)
Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI/tree/main/.agent/skills/react-patterns commit 7d99252074
Frequently asked questions
Run npx skillmds@latest add dokhacgiakhoa/react-patterns in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices. It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
Dokhacgiakhoa (@dokhacgiakhoa) published this skill. Their other Agent Skills are listed on their SkillMD profile.