# React Component Patterns

> Conventions for writing React components in this codebase.

- Skill: `mrwogu/react-component-patterns` (Agent Skill, multi-file: 6 files)
- Install (CLI): `npx skillmds@latest add mrwogu/react-component-patterns`
- Raw SKILL.md: https://api.skillmd.com/api/skills/mrwogu/react-component-patterns/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: mrwogu (https://skillmd.com/u/mrwogu)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/mrwogu/react-component-patterns

---


# React component patterns

Use functional components with hooks. Never use class components. Prefer
co-located tests and CSS modules. Keep components under 200 lines; split
larger UI into child components under the same folder.