Зачем нужен useEffect

useEffect в React используется для выполнения побочных эффектов в функциональных компонентах. Побочные эффекты — это операции, которые выходят за рамки рендеринга, например: запросы к API, подписки на события, ручное изменение DOM или таймеры.

Основные сценарии:

• Монтирование: выполнение кода при первом рендере ([] как зависимости).
• Обновление: реакция на изменения пропсов или состояния (указание зависимостей).
• Размонтирование: очистка ресурсов (возврат функции в useEffect).

Пример:

useEffect(() => {
  const timer = setTimeout(() => {
    console.log('Data fetched!');
  }, 1000);

  return () => clearTimeout(timer); // Очистка таймера
}, [dependency]); // Зависимость

Без useEffect такие операции могли бы выполняться при каждом рендере, что привело бы к проблемам с производительностью или утечкам памяти.