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

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

1. useMemo – мемоизирует вычисления, предотвращая повторные вычисления при каждом рендере:

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

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

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

3. useTransition – позволяет откладывать несущественные обновления (React 18+):

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

4. useDeferredValue – откладывает обновление значения (React 18+):

const deferredValue = useDeferredValue(value);

Эти хуки помогают избежать лишних ререндеров и оптимизировать производительность при работе с дорогостоящими вычислениями или частыми обновлениями.