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

У вашего броузера проблема в совместимости с HTML5

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

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

Видео основано на статье: https://sebastienlorber.com/handling-api-request-race-conditions-in-react

========
Промо-код для регистрации в Cloudlie: MAKEWEBME
Промокод вводится в личном кабинете после регистрации, в момент заказа услуги.

????????????
Стань спонсором канала и получи бонусы: https://www.youtube.com/channel/UCt36CWL85NGtOgUMZ2X6x5g/join

????????????
Avocode - лучше обезболивающее для того, кому приходится верстать из PSD, AI, XD, Sketch и Figma. Регистрируйся и получи скидку 10% на первую покупку, введя в соответствующем поле промо-код ‘nikita’: https://avocode.com/pricing

Обучающие ролики по Avocode: http://makeweb.me/avocode-lessons-yt-desc

✊✊✊
Персональные уроки по веб-разработке: http://makeweb.me/lessons-video
Отзывы: http://makeweb.me/lessons-feedback
Связаться: https://vk.com/write-96139053 / [email protected]

✍✍✍
Присоединяйся к нашему Telegram-чату тут http://makeweb.me/telegram-mw-1 или, если не работает, тут http://makeweb.me/telegram-mw-2
Или по имени чата в поиске - @makewebme