Чем Hooks помогают работать с функциональными компонентами в React

Hooks позволяют использовать состояние и другие возможности React без написания классов. Они упрощают логику компонентов, делая код чище и понятнее. Основные преимутивы: - **useState** – управление состоянием в функциональных компонентах. - **useEffect** – замена lifecycle-методов (componentDidMount, componentDidUpdate и т. д.). - **useContext** – доступ к контексту без вложенности. - **useReducer** – альтернатива useState для сложной логики состояния. Пример: ```jsx import { useState, useEffect } from 'react'; function Counter() { const [count, setCount] = useState(0); useEffect(() => { document.title = `Count: ${count}`; }, [count]); return ( setCount(count + 1)}> Clicked {count} times ); } ``` Hooks улучшают переиспользование логики через кастомные хуки и уменьшают количество кода.