Какие React-хуки вы знаете?

Основные React-хуки, которые часто используются:

• useState — для управления локальным состоянием компонента.
• useEffect — для побочных эффектов, например, загрузки данных или подписок.
• useContext — для доступа к контексту React.
• useReducer — для управления сложным состоянием с помощью редьюсера.
• useCallback — для мемоизации функций, чтобы избежать лишних перерендеров.
• useMemo — для мемоизации вычисленных значений.
• useRef — для хранения мутабельных значений, которые не вызывают перерендер.
• useLayoutEffect — похож на useEffect, но вызывается синхронно после всех изменений DOM.
• useImperativeHandle — для настройки экземпляра, который доступен через ref.

Пример использования useState и useEffect:

import React, { useState, useEffect } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `Счётчик: ${count}`;
  }, [count]);

  return (
    <button onClick={() => setCount(count + 1)}>
      Нажато {count} раз
    </button>
  );
}