Перейти к содержимому
Разработка

5 правил правильного использования useEffect в React

Самые частые ошибки и как их избежать.

Команда HTMLLAB · 6 мин чтения

useEffect — самый мощный и одновременно самый часто неправильно используемый хук React. Эти правила помогут сделать эффекты предсказуемыми.

Эффект нужен только для синхронизации с внешней системой

Не пиши эффект для значения, которое можно вычислить во время рендера, — вычисли его прямо в теле компонента.

  • Никогда не обманывай массив зависимостей
  • Отменяй подписки в функции очистки
  • Останавливай запросы через AbortController
  • Один эффект — одна задача
#react#hooks

Читай также