АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
Бесплатная Тренировка Верстки. Приглашаются желающие поверстать!

Учебник Redux

Введение Две базовые идеи Основные термины Работа Redux приложения Три основных концепции

Инструментарий для работы

Основные инструменты Установка и подготовка React-приложения Установка Redux и RTK с React Установка Redux DevTools Extension Установка React Router

Базовая схема работы

Добавление слайса Редьюсеры Селекторы и хук useSelector Получение данных из store в компоненте Формы и локальные стейты Добавление формы Редьюсер и action Отправка action Обсуждение работы схемы

Работа с данными

Введение Отдельная страница для продукта Страница продукта в браузере Изменение данных продукта в store Форма для редактирования данных Страница редактирования продукта в браузере Подготовка данных для объекта action Добавление еще одного слайса Добавление информации о продавце Внесение изменений в форму Многократное использование данных из слайса Добавление дополнительной логики Добавление редьюсера Отправка action

Сервер и база данных

Введение Изменение структуры стейта Оптимизация работы с селекторами Установка msw для работы с сервером База данных для сервера Создание моделей данных для базы данных Создание объекта с данными продавца Создание объекта с данными продукта Создание записей в базе данных Отправка данных с сервера по GET-запросу Клиент для приложения

Асинхронная логика и Thunks

Введение в thunks Польза применения createAsyncThunk Отправка thunk из компонента Дополнительные редьюсеры Устранение дублирования запроса. Применение статуса запроса Получение данных продавцов Прямая отправка thunk Обработка запроса, отправленного с помощью thunk Отправка данных с помощью thunk Вывод результатов работы в компоненте Вывод списка продавцов Страница продавца
enru