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

React предоставляет несколько встроенных инструментов для мемоизации:

1. React.memo — HOC для мемоизации компонентов. Пропускает ререндер, если пропсы не изменились (поверхностное сравнение).

const MemoizedComponent = React.memo(MyComponent);

2. useMemo — хук для мемоизации значений. Вычисляет значение только при изменении зависимостей.

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

3. useCallback — хук для мемоизации функций. Сохраняет ссылку на функцию между рендерами.

const memoizedCallback = useCallback(() => { doSomething(a, b); }, [a, b]);

Для глубокого сравнения в React.memo можно передать кастомную функцию сравнения вторым аргументом. Мемоизация полезна для оптимизации производительности, но не стоит применять её везде — только там, где это действительно нужно.