react-hooks-complete
Installation
SKILL.md
Quick Reference
| Hook | Purpose | Example |
|---|---|---|
useState |
Local state | const [count, setCount] = useState(0) |
useReducer |
Complex state | const [state, dispatch] = useReducer(reducer, init) |
useEffect |
Side effects | useEffect(() => { ... }, [deps]) |
useRef |
Mutable ref / DOM | const ref = useRef<HTMLInputElement>(null) |
useContext |
Consume context | const value = useContext(MyContext) |
useMemo |
Memoize value | const computed = useMemo(() => calc(), [deps]) |
useCallback |
Stable function | const fn = useCallback(() => {}, [deps]) |
| React 19 Hook | Purpose |
|---|---|
useTransition |
Non-blocking updates |
useDeferredValue |
Defer expensive renders |
useActionState |
Server Action state |
useOptimistic |
Optimistic UI updates |
useFormStatus |
Form pending state |