Зачем использовал хук useMemo в React

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

Пример:

const expensiveValue = useMemo(() => {
  return computeExpensiveValue(a, b); // Вычисляется только при изменении a или b
}, [a, b]);

Основные случаи использования:

1. Для тяжелых вычислений
2. Когда значение передается в дочерние компоненты и нужно избежать лишних ререндеров
3. Для мемоизации объектов/массивов, чтобы сохранять ссылочную целостность

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