Как работает UseMemo

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

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

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

• Для оптимизации тяжелых вычислений.
• Когда значение используется в нескольких местах и должно быть согласованным.

Нюансы:

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

Пример без useMemo (неоптимально):

const sortedList = list.sort(); // Пересортировка при каждом рендере