Advanced Hooks

useRef

Holds mutable values and DOM nodes without triggering renders.

useMemo and useCallback

Memoize expensive values and stable callbacks for optimized children.

useReducer

Manages complex state transitions through dispatched actions - ideal with Context for global stores.

useId, useTransition, useDeferredValue

Stable IDs for accessibility; deferred non-urgent updates keep input responsive during heavy renders.

Key Points

• Custom hooks start with use and reuse logic.
• Memoize hot paths only, after measuring.
• Reducer + Context covers mid-size global state.