Учимся работать с Axios: гайд на React с нуля

В этом видео мы подробно разберём, как работать с Axios — одним из самых популярных инструментов для отправки HTTP-запросов в JavaScript. Вы научитесь отправлять запросы к API, создавать экземпляры Axios, обрабатывать ошибки и организовывать код с помощью универсального сервиса. Что вы узнаете: Как отправлять GET, POST, PUT и DELETE запросы на API (на примере Dummyjson.com) Создание экземпляра Axios для удобной работы с API Обработка ошибок Настройка перехватчиков (interceptors) Создание универсального сервиса для работы с запросами Создание постраничной навигации с сервера Этот видеоурок подойдёт как для начинающих, так и для тех, кто хочет структурировать свои знания и улучшить навыки работы с Axios. Репа проекта:
Мой ТГ:
Мой канал на rutube:
00:00 Вступление 01:03 Инициализация проекта 01:58 Верстаем проект 06:33 Получаем Products с API
10:29 Верстаем карточки с продуктами 17:10 Используем Axios 18:20 Обрабатываем ошибки в catch 22:30 Создание экземпляра axios 24:16 Создание отдельного config для axios 25:05 Выносим http сервис в отд компонент 25:46 Выносим метод обработки ошибок getErrorMessage() 26:38 Создаем универсальный сервис для Products 29:09 Создаем перехватчик request 32:05 Создаем перехватчик response 34:35 Создаем постраничную навигацию с API 42:14 Конец