Как работают React Hooks

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

Основные хуки:

• useState: управляет состоянием компонента

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

• useEffect: выполняет побочные эффекты (аналог lifecycle-методов)

useEffect(() => {
  document.title = `Count: ${count}`;
}, [count]); // Зависимости

Правила хуков:

1. Вызывать только на верхнем уровне (не в циклах/условиях)
2. Использовать только в функциональных компонентах или других хуках

Хуки позволяют разбить логику на отдельные части, а не делить её по методам жизненного цикла. Они сохраняют своё состояние между рендерами.