react

Review React components for hooks, accessibility, and performance best practices.

Updated Jan 29, 2026

Search Tags:#performance #accessibility #react #hooks #code-review #component-design

Ready to run

npx skills add https://github.com/yldgio/codereview-skills --skill react-yldgio

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react
Source: https://github.com/yldgio/codereview-skills/tree/main/skills/react
Command: npx skills add https://github.com/yldgio/codereview-skills --skill react-yldgio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps reviewers enforce React code quality by codifying best practices for components, hooks, and performance.

Core Features & Use Cases

Guided reviews: Provide actionable guidelines for common React patterns (hooks usage, state management, accessibility, and performance).
Consistent code quality: Standardizes component design and prop contracts across teams.
Use Case: When reviewing a new React component, apply these guidelines to verify proper hook usage, accessibility marks, and memoization to avoid unnecessary renders.

Quick Start

Review the provided React component and return a prioritized code-review checklist.

Frequently Asked Questions about react

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

FAQPage Schema

What is included in a React code review for components and hooks?▼

A React code review verifies proper hook usage, component design prop contracts, accessibility marks, and memoization to avoid unnecessary renders. It provides actionable guidelines and checks for common patterns to ensure robust frontend components.

How do I enforce consistent React component design and hook usage across my team?▼

Standardize React component design and hook usage by applying codified best practices during frontend code reviews. This provides actionable guidelines for common patterns, ensuring consistent code quality and robust prop contracts across projects and teams.

Do I need external tools or libraries to perform guided React code reviews?▼

No external tools or libraries are needed to perform guided React code reviews. The process codifies best practices for components, hooks, accessibility, and performance, and can be used immediately in existing workflows without dependencies.

What's the best way to check React component performance and accessibility during code review?▼

The best way to check React performance and accessibility is applying a prioritized checklist that verifies proper memoization to avoid unnecessary renders and validates accessibility marks for robust component design.

When do I need to apply React code review guidelines for state management and performance?▼

Apply React code review guidelines when reviewing new components to verify proper hook usage for state management and check memoization for performance. This ensures robust frontend components and prevents common pattern issues.