Для чего нужен hook useEffect

useEffect позволяет выполнять побочные эффекты в функциональных компонентах React. Он заменяет методы жизненного цикла (componentDidMount, componentDidUpdate, componentWillUnmount) в классовых компонентах.

Основные сценарии использования:

1. Загрузка данных (API-запросы)
2. Подписки на события (WebSocket, таймеры)
3. Работа с DOM (ручное изменение элементов)
4. Очистка ресурсов (отписки, удаление таймеров)

Пример:

useEffect(() => {
  // Эффект выполнится при монтировании
  const timer = setInterval(() => {
    console.log('Таймер работает');
  }, 1000);

  // Функция очистки - выполнится при размонтировании
  return () => clearInterval(timer);
}, []); // Пустой массив зависимостей = эффект только при монтировании

Важно: эффекты выполняются после рендера. Для управления зависимостями используйте второй аргумент (массив зависимостей).