Учимся работать с Axios с нуля: отправка запросов, обработка ошибок, создание универсального сервиса, постраничная навигация с сервера

https://youtu.be/LKXUiKwWQuA

В этом видео мы подробно разберём, как работать с Axios — одним из самых популярных инструментов для отправки HTTP-запросов в JavaScript. Вы научитесь отправлять запросы к API, создавать экземпляры Axios, обрабатывать ошибки и организовывать код с помощью универсального сервиса.

Что вы узнаете:

• Как отправлять GET, POST, PUT и DELETE запросы на API (на примере Dummyjson.com)
• Создание экземпляра Axios для удобной работы с API
• Обработка ошибок
• Настройка перехватчиков (interceptors)
• Создание универсального сервиса для работы с запросами
• Создание постраничной навигации с сервера

Этот видеоурок подойдёт как для начинающих, так и для тех, кто хочет структурировать свои знания и улучшить навыки работы с Axios.

Ссылка на видео: https://youtu.be/LKXUiKwWQuA Репа проекта: https://github.com/Salimov-dev/axios-public

Мой ТГ: https://t.me/Rogooo Мой канал на youtube: https://www.youtube.com/@salimov-dev

00:00 Вступление 01:03 Инициализация проекта 01:58 Верстаем проект 06:33 Получаем Product с API https://dummyjson.com/ 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 Конец