react-patterns

Provides guidance on writing idiomatic React and avoiding common anti-patterns.

5|3|Updated Apr 12, 2025

Search Tags:#anti-patterns #frontend #react #hooks #patterns #state

One-click install

npx skills add https://github.com/iamhenry/ai-project-starter-kit --skill react-patterns-iamhenry

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: react-patterns
Source: https://github.com/iamhenry/ai-project-starter-kit/tree/main/.claude/skills/react-patterns
Command: npx skills add https://github.com/iamhenry/ai-project-starter-kit --skill react-patterns-iamhenry

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides guidance on writing idiomatic React and avoiding common anti-patterns to improve maintainability and performance.

Core Features & Use Cases

Decision trees for useEffect, state design, and memoization decisions
Quick references to recommended patterns and anti-patterns
Links to in-depth reference files in the repository

Quick Start

Review the references/effects.md and references/performance.md to apply patterns in your code.