React

This is a comprehensive React 19 reference with 49 rules across 9 categories, from concurrent rendering and Server Components down to codebase-level hygiene (dead code, duplication, boundary drift). It ships with a category-major review algorithm designed for whole-repo audits, not just single-file questions. Each rule opens with "shapes to recognize" because real violations hide behind syntactic disguises that grep misses. The high-value rules include concrete before/after pairs for pattern detection. Use it when migrating from React 18, auditing a codebase for anti-patterns, or writing new components with modern idioms like ref-as-prop, useActionState, and inline document metadata. Category 9 is where you'll find the remove/dedup/consolidate findings that single-file linters can't see.

skills.sh installs: 496
GitHub stars: 222
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add pproenca/dot-skills --skill react --agent claude-code

Installs into .claude/skills of the current project.

Files

React 19 Best Practices

Comprehensive React 19/19.2 best-practices guide for AI agents. Contains 49 rules across 9 categories, prioritized by impact from critical (concurrent rendering, server components) through to cross-cutting codebase hygiene (dedup, dead code, boundary coherence). Reflects React 19 headline changes: ref as a regular prop (forwardRef deprecated), native document metadata, resource preload APIs, useActionState, useOptimistic, use() hook, and <Context> as provider.

Rule files describe pattern shapes (not API names) and open with a "Shapes to recognize" section listing 2–4 syntactic disguises the same break can wear. Selected high-value rules (those whose disguises are most common in real codebases — form actions, ref-as-prop, derived state, context, the use() hook, useCallback/memo pairing) include an extra concrete "In disguise" incorrect/correct example pair to teach pattern detection beyond the grep-friendly cases.