Как писать пользовательский hook

Пользовательский хук — это функция, которая использует стандартные хуки React для создания переиспользуемой логики. Основные правила: 1. Имя должно начинаться с `use` (например, `useFetch`) 2. Может вызывать другие хуки 3. Должен следовать правилам хуков (не вызывать в условиях/циклах) Пример простого хука для отслеживания ширины окна: ```jsx import { useState, useEffect } from 'react'; function useWindowWidth() { const [width, setWidth] = useState(window.innerWidth); useEffect(() => { const handleResize = () => setWidth(window.innerWidth); window.addEventListener('resize', handleResize); return () => window.removeEventListener('resize', handleResize); }, []); return width; } ``` Использование: ```jsx function Component() { const width = useWindowWidth(); return ; } ``` Хороший хук должен быть: - Изолированным (не зависит от конкретного компонента) - Чистым (одинаковый input → одинаковый output) - Документированным (описание API и поведения)