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

Учебник 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 Вывод результатов работы в компоненте Вывод списка продавцов Страница продавца
byenru