react-doctor

To audit a React codebase for security and performance issues, run the diagnostic tool in your project's root directory. It scans for anti-patterns across state management, architecture, and bundle size, then outputs a numerical health score with actionable diagnostics for remediation.

A React codebase health check includes scanning for security vulnerabilities, performance bottlenecks, state management anti-patterns, accessibility issues, dead code, and Next.js convention violations. It provides a numerical score and detailed diagnostics with specific file paths and line numbers for remediation.

Yes, you can use this React auditing tool with a Next.js project. The diagnostic process explicitly checks for Next.js conventions and server-side logic issues alongside standard React correctness, architecture, and bundle size problems.

To find dead code and bundle size issues in React components, execute an auditing command in your project's root. The diagnostic report identifies unused code and calculates bundle impacts, providing exact file paths and line numbers to help you remove bottlenecks before deployment.

You should run a React codebase diagnostic report before deploying a new feature to catch potential security vulnerabilities or performance bottlenecks. Running it proactively helps identify architectural anti-patterns and correctness issues early, providing a health score and actionable remediation steps.