Cheat Sheets/React Hooks Reference

react

React Hooks Reference

All React hooks with examples

ReactHooksReference

State Hooks

useState

const [state, setState] = useState(initialValue)

Local component state

useReducer

const [state, dispatch] = useReducer(reducer, init)

Complex state logic

Effect Hooks

useEffect

useEffect(() => { sideEffect(); return cleanup; }, [deps])

Side effects after render

useLayoutEffect

useLayoutEffect(() => { /* sync DOM */ }, [deps])

Synchronous side effects

Context & Ref Hooks

useContext

const value = useContext(MyContext)

Consume context value

useRef

const ref = useRef(initialValue)

Mutable reference that persists

forwardRef

const MyComp = forwardRef((props, ref) => ...)

Expose ref to parent

Performance Hooks

useMemo

const value = useMemo(() => expensiveCalc(deps), [deps])

Cache computed value

useCallback

const fn = useCallback(() => doSomething(deps), [deps])

Cache function reference