react-hooks

# React Hooks Skill Expert assistance for implementing React hooks with advanced patterns, composition strategies, and performance optimization. ## Capabilities - Design and implement custom hooks with proper abstractions - Compose hooks for complex state and side effect management - Optimize hook performance with memoization patterns - Implement hooks for data fetching, subscriptions, and local storage - Test custom hooks with React Testing Library - Apply hooks rules and best practices ## Usage Invoke this skill when you need to: - Create custom hooks for reusable logic - Optimize existing hooks for performance - Implement complex state logic with useReducer - Build data fetching hooks with caching - Create form handling hooks ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | hookName | string | Yes | Name of the hook (use prefix) | | purpose | string | Yes | What the hook should accomplish | | parameters | array | No | Input parameters for the hook | | returnType | string | No | Expected return value structure | | dependencies | array | No | External dependencies needed | ### Configuration Example ```json { "hookName": "useDebounce", "purpose": "Debounce a value with configurable delay", "parameters": [ { "name": "value", "type": "T" }, { "name": "delay", "type": "number" } ], "returnType": "T" } ``` ## Hook Patterns ### State Management Hooks ```typescript // useReducer for complex state f...