Приведи примеры использования хуков

Хуки в React позволяют использовать состояние и другие возможности без написания классов. Основные хуки: 1. `useState` - управление состоянием: ```jsx const [count, setCount] = useState(0); return setCount(count + 1)}>Clicked {count} times; ``` 2. `useEffect` - побочные эффекты: ```jsx useEffect(() => { document.title = `You clicked ${count} times`; }, [count]); // Зависимости ``` 3. `useContext` - доступ к контексту: ```jsx const theme = useContext(ThemeContext); return ; ``` 4. `useRef` - ссылки на DOM: ```jsx const inputRef = useRef(); useEffect(() => { inputRef.current.focus(); }, []); return ; ``` 5. Кастомные хуки - переиспользуемая логика: ```jsx function useWindowWidth() { const [width, setWidth] = useState(window.innerWidth); useEffect(() => { const handler = () => setWidth(window.innerWidth); window.addEventListener('resize', handler); return () => window.removeEventListener('resize', handler); }, []); return width; } ```