Эффекты (Effects) с useEffect
Часть курса React
До сих пор работа компонента сводилась к одному: посмотреть на текущие пропсы и состояние и ответить на вопрос, что должно быть на экране прямо сейчас. Этот ответ обязан получаться одинаковым при одинаковых входных данных, как калькулятор выдаёт одно и то же на 2 + 2, сколько ни жми на равно.
Побочный эффект - это всё, что код делает за рамками «принять входные данные и вернуть значение»: трогает таймер, сетевое соединение, браузерное API или что угодно ещё, существующее отдельно от вашего компонента. Сама отрисовка компонента никогда не должна ничего такого запускать, ведь она задумана как безопасная для любого числа повторов, в том числе тех, что React делает просто чтобы проверить, изменилось ли хоть...
Хочешь изучать React Эффекты (Effects) с useEffect в реальной среде?
Нажми ниже, получи Linux-машину с React наготове и пройди Эффекты (Effects) с useEffect на практике вместе с AI-наставником, который знает твой код.
Начать этот урокЭффекты (Effects) с useEffectЧему вы научитесь
- What counts as a side effect
- UseEffect signature
- Dependency array
- Running on mount only
- Cleanup function
- Subscribe/unsubscribe pattern
Читай этот урок на своём языке
Все уроки этого курса
17 уроков- 1Что такое React?25 мин
- 2JSX и компоненты (Components)30 мин
- 3Параметры (Props)30 мин
- 4Состояние (State) с помощью useState35 мин
- 5Обработка событий30 мин
- 6Условный рендеринг и списки30 мин
- 7Формы и управляемые поля ввода (Controlled Inputs)35 мин
- 8Эффекты (Effects) с useEffect40 мин
- 9Получение данных40 мин
- 10Компоновка компонентов (Components)35 мин
- 11Context и useContext35 мин
- 12useReducer35 мин
- 13Пользовательские хуки (Hooks)35 мин
- 14Производительность и мемоизация (Memoization)35 мин
- 15Маршрутизация с React Router40 мин
- 16Тестирование компонентов React (Components)40 мин
- 17Итоговый проект: приложение со списком задач60 мин
Посмотри другие курсы
