react-review

Analyze React components for best practices, performance, and anti-patterns.

4|2|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/wojons/skills --skill react-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-review
Source: https://github.com/wojons/skills/tree/main/skills/react-review
Command: npx skills add https://github.com/wojons/skills --skill react-review

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenges of maintaining high-quality, performant, and best-practice-adherent React codebases by automating the review process.

Core Features & Use Cases

  • Performance Analysis: Identifies potential bottlenecks like unnecessary re-renders and large bundle sizes.
  • Best Practice Enforcement: Checks for correct hook usage, prop patterns, and state management.
  • Code Auditing: Detects anti-patterns and suggests optimizations.
  • Use Case: A developer can use this skill to automatically audit a new React component before merging it into the main branch, ensuring it meets project standards.

Quick Start

Analyze the React component located at src/components/UserProfile.tsx.

Frequently Asked Questions about react-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my React components for best practices and performance issues?

You can analyze React components for best practices and performance issues by running automated static analysis on individual files or directories to detect hook misuse, prop drilling, and render bottlenecks.

What are common React anti-patterns I should look for during code review?

Common React anti-patterns include incorrect hook usage, excessive prop drilling, and unnecessary re-renders, which automated component analysis identifies to ensure code quality and developer productivity.

How do I audit a React component before merging it into the main branch?

To audit a React component before merging, run static analysis targeting the specific file or directory to automatically detect anti-patterns and verify adherence to project performance standards.

Can I analyze an entire directory of React files for performance optimizations?

Yes, React component analysis supports scoping to individual component files as well as entire directories, allowing you to identify widespread render performance issues and hook misuse across your codebase.

Does this React code review process work with TypeScript files?

Yes, the React code review process analyzes TypeScript files, checking component structures and state management to enforce best practices and identify potential optimizations.

Why does my React component have unnecessary re-renders and how can I find them?

Unnecessary re-renders are identified through performance analysis of your React components, which detects bottlenecks and suggests optimizations to improve render performance and overall code quality.