react-doctor

React performance and accessibility auditing detects anti-patterns, missing memoization, and keyboard navigability gaps. It scans changed .tsx/.jsx files or directories and produces file:line findings grouped by severity with remediation suggestions.

Common React anti-patterns include unnecessary useEffect, missing dependency arrays, prop drilling, index-as-key, and inline object creation. Scanning flags these issues alongside direct DOM manipulation and improper client component usage with specific file:line references.

Yes, you can scope scanning to target git-diff changed .tsx/.jsx files, a specified component directory, or the entire src directory. This flexibility fits code-review workflows and feature-completion checks without processing the whole codebase.

Yes, the React audit checks for accessibility and design anti-patterns by reporting missing alt text, labels, button text, and keyboard navigability issues. It also flags color-contrast problems and AI slop visual anti-patterns with recommended fixes.

The best way to catch React hook misuse is to run an automated scan on changed .tsx/.jsx files that identifies missing dependency arrays and improper useEffect usage. This produces file:line findings grouped by severity to fix issues early.

A React codebase scan detects large re-renders, missing memoization, heavy imports needing lazy-loading, and image optimization issues. It references frontend performance anti-pattern catalogs to provide rationale for each flagged issue.