Какие знаешь нюансы useEffect

useEffect выполняет побочные эффекты в функциональных компонентах. Основные нюансы:

1. Зависимости (deps) – если не передать массив зависимостей, эффект будет выполняться при каждом рендере. Пустой массив [] означает запуск только при монтировании.

useEffect(() => {
  console.log('Монтирование');
  return () => console.log('Размонтирование');
}, []);

2. Очистка эффекта – функция, возвращаемая из useEffect, выполняется при размонтировании или перед следующим эффектом (если есть зависимости).

3. Асинхронность – нельзя напрямую использовать async/await в useEffect. Нужно обернуть в функцию:

useEffect(() => {
  const fetchData = async () => {
    const res = await fetch('url');
    // обработка данных
  };
  fetchData();
}, []);

4. Бесконечные циклы – если эффект изменяет состояние, от которого зависит, это вызовет бесконечный рендер.

5. Порядок выполнения – эффекты выполняются после отрисовки компонента, в отличие от useLayoutEffect.