К содержанию

Учебник Redux

Высший учебник по JavaScript фреймворку React. Много теории и задачи.

Уроки

Библиотека Redux

Две базовые идеи в Redux

Основные термины в Redux

Работа Redux приложения

Три основных концепции Redux

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

Основные инструменты Redux

Установка и подготовка React-приложения

Установка Redux и RTK в React-приложение

Установка Redux DevTools Extension

Установка React Router в Redux приложение

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

Добавление слайса в Redux

Редьюсеры в Redux

Селекторы и хук useSelector в Redux

Получение данных из store в компоненте в Redux

Формы и локальные стейты в Redux

Добавление формы в Redux

Редьюсер и action в Redux

Отправка action и хук useDispatch в Redux

Обсуждение работы Redux приложения

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

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

Страница для продукта в Redux

Страница продукта в браузере в Redux

Изменение данных продукта в Redux store

Форма для редактирования данных в Redux

Страница редактирования продукта в браузере в Redux

Подготовка данных для объекта action в Redux

Добавление еще одного слайса в Redux

Добавление информации о продавце в Redux

Внесение изменений в форму в Redux

Многократное использование данных из слайса в Redux

Добавление дополнительной логики в Redux приложение

Добавление редьюсера в Redux приложение

Отправка action в Redux приложении

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

Обмен данными между Redux приложением и сервером

Изменение структуры стейта в Redux

Получение селекторов в Redux

Установка msw для работы с серверной частью в Redux

База данных для сервера в Redux

Создание моделей данных для базы данных в Redux

Создание объекта с данными продавца в Redux

Создание объекта с данными продукта в Redux

Создание записей в базе данных в Redux

Отправка данных с сервера по GET-запросу в Redux

Клиент для приложения в Redux

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

Введение в thunks в Redux

Польза применения createAsyncThunk в Redux

Отправка thunk из компонента в Redux

Дополнительные редьюсеры в Redux

Устранение дублирования запроса в Redux

Применение статуса запроса в Redux

Получение данных продавцов в Redux

Прямая отправка thunk в Redux

Обработка POST запроса, отправленного с помощью thunk в Redux

Отправка данных с помощью thunk в Redux

Вывод результатов работы thunk в компоненте в Redux

Список продавцов в Redux

Страница продавца в Redux