What problem does it solve?
It prevents fragile, error-prone React refactors by giving AI agents and reviewers a structured set of architectural rules that reduce re-render issues, tangled dependencies, and unsafe changes.
Core Features & Use Cases
- Rule-based architectural guidance: Applies prioritized refactoring rules across component architecture, state architecture, hooks, decomposition, coupling, data/side effects, and refactoring safety.
- Actionable before/after refactors: Each rule includes code-smell indicators plus safe transformation guidance so you can move from “what’s wrong” to a better pattern.
- PR and codebase maintenance workflows: Use it when reviewing pull requests, decomposing oversized components, improving module boundaries, or planning large React restructuring.
Quick Start
Ask the AI to review your React component or feature for architecture issues using the “react-refactor” ruleset and propose a safe before/after refactor plan.