Как обрабатывать API-запросы в React?

Опубликовано: 16 Октябрь 2024
на канале: MakeWeb.me

10,914

347

В процессе работы с сетью в React, в какой-то момент, каждый сталкивается с проблемой гонки запросов (race conditions). Это приносит с собой проблемы с корректной отрисовкой состояния нашего приложения. Интерфейс становится неконсистентным, не соответствующим тому, что ожидалось. Есть несколько способов, которыми можно этого избежать. Об этом и пойдет речь в данном ролике.

СОДЕРЖАНИЕ:
00:00 Введение в проблему.
01:42 Исходный код изначального примера с гонкой запросов.
05:58 Более детальная демонстрация проблемы.
09:10 Добавляем искусственные задержки и ошибки запросов.
13:35 Что с этим делать? Реализация первого подхода с игнорированием предыдущих запросов.
20:42 Разбираем второй способ обработки API-запросов: игнорирование предыдущих запросов.
23:49 Проблема в реализации второго подхода. Окончательное решение проблемы.
26:53 Библиотечные решения и заключение.

Видео основано на статье: https://sebastienlorber.com/handling-...

⚛️⚛️⚛️
Пройди практический курс "Javascript Fullstack разработчик" от MakeWeb.me.
Детали тут: https://makeweb.me/course-js-fullstac...
Телеграм для связи по курсу: @makewebchatme

🛍 🛍 🛍
Поддержи проект и получи скидку 5% на 1-ю оплату хостинга/домена Reg.ru.
Промо-код: 948E-53B9-CF98-8204 (вводится во время оплаты услуги).

💬 💬 💬
Присоединяйся к нашему Telegram-чату https://t.me/makewebme