Что такое кастомный Hook

Кастомный Hook — это функция, которая использует стандартные хуки React (useState, useEffect и др.) для создания переиспользуемой логики. Они позволяют выносить повторяющийся код в отдельные функции, делая компоненты чище.

Пример:

import { useState, useEffect } from 'react';

function useFetch(url) {
const [data, setData] = useState(null);
const [loading, setLoading] = useState(true);

useEffect(() => {
fetch(url)
.then(res => res.json())
.then(data => {
setData(data);
setLoading(false);
});
}, [url]);

return { data, loading };
}

Использование в компоненте:
```jsx
function MyComponent() {
  const { data, loading } = useFetch('https://api.example.com/data');
  // ...
}

Правила:

1. Имя должно начинаться с use
2. Можно вызывать только на верхнем уровне компонента или другого хука
3. Позволяют избежать дублирования кода и упрощают тестирование