Hooks

Hooks let function components use state, effects, and other React features.

Official docs

Full reference: react.dev/reference/react/hooks

State Hooks

Hook	Use case
useState	Local component state
useReducer	Complex state transitions
useActionState	Form actions with pending state

Effect Hooks

Hook	Use case
useEffect	Sync with external systems after render
useLayoutEffect	Measure DOM before browser paint
useInsertionEffect	Inject styles before layout effects

Context & Refs

Hook	Use case
useContext	Read context value
useRef	Mutable value that persists across renders
useImperativeHandle	Customize ref exposed to parent

Performance

Hook	Use case
useMemo	Cache expensive calculations
useCallback	Cache function references
useDeferredValue	Defer updating non-urgent UI
useTransition	Mark state updates as non-urgent

Upstream Links

• Rules of Hooks
• Built-in Hooks