Какие знаешь состояния useEffect

useEffect в React имеет несколько состояний и сценариев работы:

1. Без зависимостей - выполняется при каждом рендере:

useEffect(() => {
  console.log('Run after every render');
});

2. С пустым массивом зависимостей - выполняется один раз при монтировании:

useEffect(() => {
  console.log('Run once after initial render');
}, []);

3. С зависимостями - выполняется при изменении значений в массиве:

useEffect(() => {
  console.log('Run when "count" changes');
}, [count]);

4. Функция очистки - выполняется перед следующим эффектом или размонтированием:

useEffect(() => {
  const timer = setInterval(() => {}, 1000);
  return () => clearInterval(timer);
}, []);

Важно помнить про:

• Порядок выполнения эффектов
• Замыкания в функциях очистки
• Бесконечные циклы при неправильных зависимостях
• Оптимизацию с помощью useCallback/useMemo для функций/объектов в зависимостях