Расскажи про React-хуки и правила их использования

React-хуки — это функции, которые позволяют использовать состояние и другие возможности React в функциональных компонентах.

Основные хуки:

• useState — для управления состоянием.
• useEffect — для побочных эффектов (загрузка данных, подписки).
• useContext — для доступа к контексту.

Правила использования хуков:

• Вызывать хуки только на верхнем уровне компонента, не внутри циклов, условий или вложенных функций.
• Вызывать хуки только из React-функциональных компонентов или собственных хуков.

Пример использования useState и useEffect:

import React, { useState, useEffect } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `Вы нажали ${count} раз`;
  }, [count]); // эффект срабатывает при изменении count

  return (
    <button onClick={() => setCount(count + 1)}>
      Нажми меня
    </button>
  );
}