Как мемоизация используется в React

Мемоизация в React применяется для оптимизации производительности, предотвращая лишние вычисления и ререндеры. Основные инструменты:

1. React.memo - HOC для мемоизации компонентов:

const MemoizedComponent = React.memo(function MyComponent(props) {
  /* рендер только если props изменились */
});

2. useMemo - хук для мемоизации значений:

const computedValue = useMemo(() => expensiveCalculation(a, b), [a, b]);

3. useCallback - хук для мемоизации функций:

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

Используйте мемоизацию для тяжелых вычислений или когда передача пропсов/колбэков вызывает ненужные ререндеры дочерних компонентов. Но не злоупотребляйте - избыточная мемоизация может ухудшить производительность.