Какие знаешь хуки, способствующие мемоизации

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

1. useMemo - мемоизирует результат вычислений, пересчитывая только при изменении зависимостей:

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

2. useCallback - мемоизирует функции, предотвращая ненужные ререндеры дочерних компонентов:

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

3. useRef - можно использовать для хранения мемоизированных значений без триггера ререндера:

const ref = useRef();
if (!ref.current) {
  ref.current = computeExpensiveValue();
}

Основные правила:

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