Какие знаешь инструменты мемоизации

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

React:

• React.memo — мемоизирует компонент, предотвращая лишние ререндеры при неизменных пропсах.
• useMemo — кеширует результат вычислений внутри компонента.
• useCallback — мемоизирует колбэки, чтобы избежать их пересоздания.

Vanilla JS:

• Ручная реализация через замыкания:

function memoize(fn) {
  const cache = {};
  return (...args) => {
    const key = JSON.stringify(args);
    return cache[key] ?? (cache[key] = fn(...args));
  };
}

Библиотеки:

• lodash.memoize — готовая функция для мемоизации.
• Reselect (для Redux) — мемоизирует селекторы, оптимизируя стейт-менеджмент.

Нюансы:

• Не злоупотребляй: мемоизация требует памяти.
• Для примитивов и простых объектов — работает хорошо, для сложных структур нужна осторожность (например, глубокое сравнение).