Co jest używane do memoizacji w React? Co się stanie, jeśli użyjesz useMemo bez drugiego parametru (tablicy zależności)?

Для мемоизации в React используется хук useMemo. Он позволяет запомнить результат вычисления функции и повторно использовать его, если зависимости не изменились, что помогает оптимизировать производительность.

Если использовать useMemo без второго параметра (массива зависимостей), то мемоизация не будет работать как ожидается: функция будет вычисляться при каждом рендере компонента, потому что React не знает, от чего зависит мемоизация.

Пример использования useMemo:

import React, { useMemo } from 'react';

function Component({ number }) {
  const computedValue = useMemo(() => {
    // тяжёлая вычислительная функция
    return number * 2;
  }, [number]); // вычисление повторится только при изменении number

  return <div>{computedValue}</div>;
}

Если убрать [number], то функция будет вызываться при каждом рендере, что нивелирует преимущества мемоизации.