react-hooks

When to use this skill

Use this skill whenever the user wants to:

• Use built-in React hooks (useState, useEffect, useContext, useRef, useMemo, useCallback)
• Create custom hooks for reusable stateful logic
• Manage complex state with useReducer
• Optimize component performance with memoization hooks
• Handle side effects (data fetching, subscriptions, timers) with useEffect
• Understand and follow the Rules of Hooks

How to use this skill

Workflow

1. Identify which hook best fits the user's requirement
2. Apply the Rules of Hooks: only call hooks at the top level; only call hooks from React functions
3. Generate hook code with proper dependency arrays and cleanup functions
4. Verify there are no stale closures or missing dependencies