review-react-hook-patterns

Review React hook usage for React 19 compliance and deprecated patterns.

Updated Nov 21, 2025

Search Tags:#code review #react #hooks #useOptimistic #useActionState #react 19 #deprecated APIs #use() hook

One-click install

npx skills add https://github.com/djankies/claude-configs --skill review-react-hook-patterns

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: review-react-hook-patterns
Source: https://github.com/djankies/claude-configs/tree/main/react-19/concerns/hooks/skills/review-hook-patterns
Command: npx skills add https://github.com/djankies/claude-configs --skill review-react-hook-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Manually reviewing React hook usage for React 19 compliance, best practices, and deprecated patterns is complex, time-consuming, and prone to oversight. This Skill provides a comprehensive, automated review.

Core Features & Use Cases

New React 19 Hooks: Checks for proper usage of use(), useActionState, and useOptimistic.
Deprecated Patterns: Identifies forwardRef, propTypes, and defaultProps usage for migration.
Hook Rules Compliance: Verifies correct dependency arrays, top-level calls, and conditional usage.
Anti-Pattern Detection: Flags common mistakes like array index as keys, direct state mutation, and missing cleanup functions.
TypeScript Compliance: Validates types for React 19 patterns, including useRef and ref-as-prop.
Use Case: Perform a hook pattern review of the UserManagement feature, identifying deprecated forwardRef usage, ensuring useActionState is correctly implemented, and verifying all hooks follow best practices.

Quick Start

Review the src/hooks/useAuth.js file for React 19 hook pattern compliance, checking for deprecated APIs and correct dependency arrays.