review-react-hook-patterns

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.