RTK Query или альтернативный Redux по работе с API

• Михаил Непомнящий представляет RTC Query, дополнение к Redux Toolkit.  

• RTC Query позволяет асинхронно работать с данными, изменяя и удаляя их.  

• Основная мотивация использования - перенос состояния приложения на бэкенд.  

• Оптимизация кода и уменьшение количества синхронизмов.  

• Вдохновение от других библиотек, таких как Apollo и GraphQL.  

• Поддержка кэширования и оптимистической подгрузки данных.  

• Необходимые зависимости для работы с RTC Query.  

• Использование локального сервера для тестирования.  

• Установка и настройка библиотек для работы с JSON.  

• Создание локального сервера с помощью JSON.  

• Настройка окружения и базы данных.  

• Начало работы с Redux Toolkit и RTC Query.  

• Создание константы для работы с RTC Query.  

• Настройка базового запроса и конечных точек.  

• Использование хуков для работы с данными.  

• Создание стора с помощью Redux Toolkit.  

• Настройка редюсеров и мидл-вейров.  

• Добавление логики для выполнения экшенов.  

• Подключение стора к приложению через провайдер.  

• Импорт стора и экспорт всех данных из него.  

• Удаление ненужных стилей и логотипов из приложения.  

• Импорт хука из папки редак.  

• Вызов хука для получения данных с сервера.  

• Обработка ошибок и возврат данных в формате массива.  

• Использование хука для кэширования данных.  

• Настройка лимитов на количество возвращаемых данных.  

• Проверка существования лимита и передача его в запрос.  

• Создание нового эн-пойнта для мутаций.  

• Использование хука для выполнения мутаций.  

• Обработка данных и создание нового продукта.  

• Использование хука для асинхронных мутаций.  

• Создание функции для добавления нового продукта.  

• Обработка ошибок и опустошение поля для ввода после добавления продукта.  

• Создаем поле для ввода над селектом.  

• Добавляем импут с типом текста и событием onchange.  

• Создаем кнопку "Добавить продукт" с событием onClick.  

• Создаем эндпойнт для мутации методом POST.  

• Возвращаем хук и экспортируем его в приложение.  

• При клике на кнопку добавляем продукт в базу данных.  

• Добавляем тейк тайпс для работы с сущностями.  

• Используем провайт стекс для тегов и айдишников.  

• Уточняем, что работаем с продуктами и их списком.  

• Добавляем уникальное название и провайт стекс.  

• Обновляем данные автоматически при изменении списка продуктов.  

• Проверяем работу, добавляя и удаляя продукты.  

• Создаем мутацию для удаления продукта.  

• Используем идентификатор для удаления.  

• Обновляем список продуктов после удаления.  

• Экспортируем хук и используем его в приложении.  

• Создаем хендлер для удаления продукта.  

• Проверяем работу удаления и синхронизации данных.  

• Подводим итоги использования RTK Query.  

• Напоминаем, что это базовое использование для первого знакомства.  

• Благодарим за внимание и прощаемся.