Используешь ли useEffect

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

Когда использовать:

• Запросы к API.
• Подписки на события (например, addEventListener).
• Работа с DOM или таймерами (setTimeout, setInterval).

Пример:

import { useEffect, useState } from 'react';

function DataFetcher() {
  const [data, setData] = useState(null);

  useEffect(() => {
    fetch('https://api.example.com/data')
      .then((res) => res.json())
      .then((data) => setData(data));

    return () => {
      // Очистка (например, отмена запроса или отписка)
    };
  }, []); // Пустой массив зависимостей = только при монтировании
}

Нюансы:

• Если не передать массив зависимостей ([]), эффект выполняется при каждом рендере.
• Если зависимости указаны, эффект срабатывает при их изменении.
• Функция возврата (return) используется для очистки.

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