react-review
Comprehensive React/JSX code review for hook correctness, render performance, server/client component boundaries, accessibility, and React-specific security. Invokes the react-reviewer agent (and typescript-reviewer alongside on TSX/JSX changes).
- Kind
- Prompt
- Works with
- Claude Code, Codex
- Languages
- TypeScript / JavaScript
- Source
- affaan-m/ECC @ d3b8a3e90890
- Path
- commands/react-review.md
- License
- MIT
- Jobs
- Review, Guardrails, UI/UX work
InstallCopy it from the source repository, or sign in and let the assistant adapt it for your project.
# React Code Review This command invokes the **react-reviewer** agent for React-specific code review. For pull requests touching `.tsx`/`.jsx` files, both `react-reviewer` and `typescript-reviewer` should run — each owns a distinct lane. ## What This Command Does 1. **Identify React Changes**: Find modified `.tsx`/`.jsx` files (and React-containing `.ts`/`.js` files) via `git diff` 2. **Run Lint**: Execute `eslint` with `eslint-plugin-react-hooks` and `eslint-plugin-jsx-a11y` 3. **Typecheck**: Run `tsc --noEmit` or the project's canonical typecheck command 4. **Review React Lanes Only**: Hook rules, RSC boundaries, accessibility, render performance, React-specific security 5. **Generate Report**: Categorize issues by severity (CRITICAL / HIGH / MEDIUM) ## When to Use Use `/react-review` when: - A PR or commit touches `.tsx`/`.jsx` files - After writing or modifying React components, custom hooks, or pages - Before merging React code - Auditing accessibility on UI components - Reviewing a new hook for rules-of-hooks and dependency correctness - Auditing a Next.js App Router server/client component boundary …