Зачем нужны оптимизационные хуки

Оптимизационные хуки (useMemo, useCallback, React.memo) помогают избежать лишних ререндеров и вычислений в React-приложениях.

useMemo — кэширует результат вычислений, чтобы не пересчитывать его при каждом рендере, если зависимости не изменились.

const expensiveValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);

useCallback — мемоизирует колбэки, предотвращая создание новых функций при каждом рендере.

const memoizedCallback = useCallback(() => { doSomething(a, b); }, [a, b]);

React.memo — оптимизирует компоненты, предотвращая ререндер, если пропсы не изменились.

Используй их осознанно, т.к. избыточная мемоизация может ухудшить производительность.