react-doctor: what it is, what problem it solves & why it's gaining traction
react-doctor: what it is, what problem it solves & why it's gaining traction
What it solves
React Doctor is a deterministic scanner that identifies common mistakes in React codebases. It specifically targets issues related to state and effects, performance, architecture, security, and accessibility, which is particularly useful for catching "bad React" written by AI coding agents.
How it works
The tool operates as a CLI that scans the codebase to find issues based on a set of configurable rules. It can be run as a one-time audit, integrated into a CI/CD pipeline to review pull requests and report only new issues, or installed as a "skill" for AI coding agents (such as Claude Code, Cursor, and Codex) to help them learn from mistakes and improve their output.
Who it’s for
React developers and teams using any React-based framework or library (including Next.js, Vite, TanStack, React Native, and Expo) who want to maintain code quality and provide feedback loops for their AI coding assistants.
Highlights
- Deterministic scanning for state, effects, performance, architecture, security, and accessibility.
- Integration with AI coding agents to improve their code generation.
- CI/CD support for GitHub Actions and GitLab CI to gate pull requests.
- Framework agnostic across the React ecosystem.
- Configurable rules via
doctor.config.ts.
Sources
- undefinedmillionco/react-doctor