Как создать кастомный hook

Кастомный хук — это функция, которая использует другие хуки React и позволяет переиспользовать логику между компонентами. **Правила:** 1. Имя должно начинаться с `use` (например, `useFetch`). 2. Может вызывать другие хуки (`useState`, `useEffect` и т.д.). **Пример хука для подписки на размер окна:** ```javascript import { useState, useEffect } from 'react'; function useWindowSize() { const [size, setSize] = useState({ width: window.innerWidth, height: window.innerHeight }); useEffect(() => { const handleResize = () => { setSize({ width: window.innerWidth, height: window.innerHeight }); }; window.addEventListener('resize', handleResize); return () => window.removeEventListener('resize', handleResize); }, []); return size; } ``` **Использование:** ```javascript function Component() { const { width, height } = useWindowSize(); return ; } ``` Кастомные хуки помогают избежать дублирования кода и делают логику более модульной.