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

В процессе работы с сетью в 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

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

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

🛍 🛍 🛍
Получи скидку 5% на первую оплату хостинга/домена в Reg.ru, используя промо-код:
948E-53B9-CF98-8204
Он вводится во время оплаты услуги.
Не забывай - ты не только получаешь скидку, но и поддерживаешь проект!

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

Видео Как обрабатывать API-запросы в React? канала MakeWeb.me