Какие знаешь Hooks жизненного цикла

Основные хуки жизненного цикла в React:

1. useEffect - заменяет componentDidMount, componentDidUpdate и componentWillUnmount:

useEffect(() => {
  // код при монтировании
  return () => {
    // код при размонтировании
  };
}, [dependency]); // массив зависимостей

2. useLayoutEffect - аналогичен useEffect, но выполняется синхронно после рендера, но до отрисовки в браузере. Полезен для работы с DOM.

3. useMemo - мемоизирует вычисления, выполняется при рендере:

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

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

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

useEffect - основной хук для side-эффектов, useLayoutEffect - для работы с DOM до paint, useMemo/useCallback - для оптимизации производительности.