Какие знаешь Hook для оптимизации

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

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

   jsx

   Копировать

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

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

   jsx

   Копировать

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

3. useTransition — позволяет откладывать обновления состояния, сохраняя отзывчивость интерфейса.
   Пример:

   jsx

   Копировать

   const [isPending, startTransition] = useTransition();
   startTransition(() => { setState(newValue); });

4. useDeferredValue — откладывает обновление значения, например, для дебаунса ввода.
   Пример:

   jsx

   Копировать

   const deferredValue = useDeferredValue(value);

5. React.memo (не хук, но важно) — мемоизирует компонент, предотвращая ререндер при тех же пропсах.

Используй их для сложных вычислений, частых ререндеров или работы с медленными API.