Что дали Hooks для использования функциональных компонентов в React

Hooks позволили функциональным компонентам использовать состояние и жизненный цикл, что раньше было доступно только классам. Основные преимущества:

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

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

2. useEffect - замена lifecycle-методов (componentDidMount, componentDidUpdate и т.д.)

useEffect(() => {
  document.title = `Вы кликнули ${count} раз`;
}, [count]);

3. useContext - доступ к контексту без оберток
4. useReducer - альтернатива useState для сложной логики состояния
5. Кастомные хуки - возможность создавать переиспользуемую логику

Плюсы хуков:

• Упрощение кода (меньше boilerplate)
• Лучшая композиция логики
• Избегание проблем с this
• Более понятный способ разделения логики

Хуки работают только в функциональных компонентах и должны вызываться на верхнем уровне (не в условиях/циклах).