Какие знаешь Hook

React Hooks — это функции, которые позволяют использовать состояние и другие возможности React без написания классов. Основные хуки:

1. useState — управление состоянием в функциональных компонентах.

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

2. useEffect — выполнение побочных эффектов (запросы, подписки).

useEffect(() => {
  document.title = `Count: ${count}`;
}, [count]);

3. useContext — доступ к контексту без вложенности Consumer.

const theme = useContext(ThemeContext);

4. useReducer — альтернатива useState для сложной логики состояния.

const [state, dispatch] = useReducer(reducer, initialState);

5. useMemo & useCallback — оптимизация производительности.

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

6. useRef — создание мутируемого объекта, сохраняемого между рендерами.

const inputRef = useRef(null);

7. useLayoutEffect — аналог useEffect, но срабатывает синхронно после рендера.