Как работает хук useMemo в React

useMemo — хук для мемоизации (кэширования) вычислений между рендерами. Он принимает функцию и массив зависимостей, пересчитывая значение только при изменении зависимостей.

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

Когда использовать:

• Тяжёлые вычисления
• Оптимизация дочерних компонентов (когда передача немемоизированного значения вызывает лишние ререндеры)
• Когда значение используется в других хуках (например, useEffect)

Нюансы:

• Не гарантирует, что функция не выполнится (React может сбросить кэш)
• Не использовать для побочных эффектов (для этого useEffect)
• Избегать мемоизации простых операций — накладные расходы хука могут превысить выгоду