react-code-review

# React Code Review ## Overview This skill provides structured, comprehensive code review for React applications. It evaluates code against React 19 best practices, component architecture patterns, hook usage, accessibility standards, and production-readiness criteria. The review produces actionable findings categorized by severity (Critical, Warning, Suggestion) with concrete code examples for improvements. This skill delegates to the `react-software-architect-review` agent for deep architectural analysis when invoked through the agent system. ## When to Use - Reviewing React components, hooks, and pages before merging - Validating component composition and reusability patterns - Checking proper hook usage (useState, useEffect, useMemo, useCallback) - Reviewing React 19 patterns (use, useOptimistic, useFormStatus, Actions) - Evaluating state management approaches (local, context, external stores) - Assessing performance optimization (memoization, code splitting, lazy loading) - Reviewing accessibility compliance (WCAG, semantic HTML, ARIA) - Validating TypeScript typing for props, state, and events - Checking Tailwind CSS and styling patterns - After implementing new React features or refactoring component architecture ## Instructions 1. **Identify Scope**: Determine which React components and hooks are under review. Use `glob` to discover `.tsx`/`.jsx` files and `grep` to identify component definitions, hook usage, and context providers. 2. **Analyze Component Archi...