Получение данных
Часть курса React
Почти ни одно настоящее приложение не обходится тем, что уже лежит у пользователя на экране. Рано или поздно компоненту приходится о чём-то спросить сервер: список пользователей, подробности о товаре, страницу результатов поиска. И пока ответ не пришёл, есть промежуток времени, когда компоненту нечего показать, и есть вполне реальный шанс, что ответ не придёт вовсе, потому что сеть подвела.
Обращение к серверу, это побочный эффект (side effect), то есть действие, выходящее за рамки "вычисли JSX этого компонента из его текущих пропсов и состояния", из той же семьи, что запуск таймера или открытие соединения. Если вызвать fetch прямо в теле компонента, он сработает при каждой отрисовке, включая те, что случились по причинам, не имеющим никакого отношения к свежим данным, и каждый такой вызов в итоге...
Хочешь изучать React Получение данных в реальной среде?
Нажми ниже, получи Linux-машину с React наготове и пройди Получение данных на практике вместе с AI-наставником, который знает твой код.
Начать этот урокПолучение данныхЧему вы научитесь
- Fetch inside useEffect
- Loading/error/data states
- AbortController cleanup
- Preventing setState after unmount
- Mention TanStack Query as a next step
Читай этот урок на своём языке
Все уроки этого курса
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 мин
