React Refactor

A comprehensive architectural guide for cleaning up React codebases with 40 rules across component structure, state management, and hook patterns. Organized by impact level, so you tackle critical issues like state colocation and compound components before worrying about test strategies. Most useful when you're refactoring a messy codebase, reviewing PRs for architectural smells, or breaking apart those 800-line components everyone's afraid to touch. The rules are specific and measurable, like "reduces prop count by 50-70%" or "eliminates 2-4 levels of nesting." Deliberately scoped to architecture only, so pair it with the react-optimise skill if you're chasing performance wins too.

Install to Claude Code

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