Best practices for modern React 18+ — component composition, hooks, performance optimization, state management, and anti-patterns.
mog install mogteam/react-patterns
After installing, your AI assistant needs a pointer to the skill file. Use the agent card below or the --wire flag.
Install + auto-wire
mog install mogteam/react-patterns --target cursor --wireCreates .cursor/rules/react-patterns.mdc pointing to the skill.
Agent card
## React Patterns React best practices and patterns for modern React (18+). Covers component composition, hooks patterns, state management, performance optimization (memo, useMemo, useCallback), data fetching, and common anti-patterns. - **Install**: `mog install mogteam/react-patterns --target cursor` - **Type**: rule - **Path after install**: `.cursor/skills/react-patterns/SKILL.md` - **Targets**: cursor, claude-code, codex, generic When editing, read and follow @.cursor/skills/react-patterns/SKILL.md
Paste into AGENTS.md, .cursor/rules, or your agent's instructions.
Install paths by target
No ratings yet.
React best practices and patterns for modern React (18+). Covers component composition, hooks patterns, state management, performance optimization (memo, useMemo, useCallback), data fetching, and common anti-patterns.
Free
mog install mogteam/react-patterns@mogteam
Official curated skills and prompt templates from the mog.md team.