Redux для управления состоянием React-приложений
Подробнее
Что нужно для старта
- Начальные требования:
- HTML
- CSS
- JavaScript
- React
Что вы получите
- Redux основные понятия
- React-redux - использование в React-приложениях
- Хуки react-redux
- Легаси метод connect
- Асинхронная работа с redux-thunk
- Redux Toolkit
- Redux Toolkit asyncThunk
- Варианты организации структуры приложения
- Проекты с redux-логикой
Для кого этот курс
- Для тех, кто хочет изучить самый популярный инструмент для управления стейтом
- Для тех, кто пробовал сам изучать Redux, но по какой-либо причине не справился и хочет закрыть пробелы
- Для тех, кто хочет углубиться в веб-разработку и взять лучшее из современных практик
- Для тех, кто застрял на первых шагах профессии и хочет добрать компетенций к резюме
- Для тех, кто хочет получить актуальные навыки и стать более востребованным на рынке веб-разработки
Программа курса
- Вводное видео
- Что такое Redux
- Варианты state management для React
- Пререквизит к курсу
- Окружение для работы
- Обзор модуля
- Три принципа Redux
- Базовые сущности Redux
- Базовое API Redux
- Пример с кликером
- Решение задачи с кликером
- Action creators и их использование
- Хранилище по умолчанию
- Итоги модуля
- Обзор модуля
- Сущности react-redux
- Кликер на React+Redux
- Todo List на React+Redux
- Redux DevTools
- Вариант организации кода #1
- Вариант организации кода #2
- Альтернативная точка входа
- Вариант TodoList с фильтрами
- Синхронизация с localStorage
- Добавление роутинга
- Итоги модуля
- Обзор проекта
- Настройка окружения
- Базовые компоненты
- Добавление провайдера и пустого стора
- Редьюсер вакансий
- Редьюсер фильтрации
- Механизм добавления фильтров
- Удаление фильтров и их очистка
- Публикация проекта
- Итоги модуля
- Легаси для react-redux
- Метод connect
- Концепция mapStateToProps
- Концепция mapDispatchToProps
- Рефакторинг Todo App
- Рефакторинг проекта 1
- Итоги модуля
- Введение в redux middleware
- Базовое использование redux middleware
- Подключение вместе с devTools
- Библиотека redux-persist
- Проблема асинхронности
- Библиотека redux-thunk
- Использование redux-thunk
- Подготовка клиентского api
- Статусы загрузки и обработка ошибок
- Post-запросы
- Thunk extraArgument
- Итоги модуля
- Обзор проекта
- Структура проекта
- Добавление redux бойлерплейта
- Переключение светлой/темной темы
- Редьюсер для стран
- Отрисовка стран в UI
- Фильтрация по поиску
- Фильтрация по региону
- Очистка фильтров
- Детальная страница
- Очистка детальной страницы
- Получение информации о соседях
- Обзор итогового приложения
- Актуальность Redux Toolkit
- Сущности Redux Toolkit
- Метод createAction
- Метод createReducer
- Метод createSlice
- Метод configureStore
- Практика создания слайсов
- Extra редьюсеры
- Структура проекта
- Redux-persist вместе с RTK
- Рефакторинг проекта, часть 1
- Рефакторинг проекта, часть 2
- Итоги модуля
- Обзор модуля
- Базовое использование createAsyncThunk
- ExtraReducers для работы с thunk экшнами
- Практика создания thunk c createAsyncThunk
- Использование в UI
- Массовая обработка событий в extraReducers
- Обработка ошибок
- Отмена запроса к серверу
- Extra параметр thunk
- Базовое использование createEntityAdapter
- Удаление и изменение данных через адаптер
- Итоги модуля
- Постановка задачи
- Организация структуры и слайс темы
- Слайс блока фильтрации
- Слайс стран
- Слайс для деталки
- Получение соседей
- Итоги модуля
- Style Guide от создателей Redux
- FAQ по тому, что хранить в Redux-сторе
- Итоги курса
01Вводный модуль
- Вводное видео
- Что такое Redux
- Варианты state management для React
- Пререквизит к курсу
- Окружение для работы
02Redux
- Обзор модуля
- Три принципа Redux
- Базовые сущности Redux
- Базовое API Redux
- Пример с кликером
- Решение задачи с кликером
- Action creators и их использование
- Хранилище по умолчанию
- Итоги модуля
03React-redux на хуках
- Обзор модуля
- Сущности react-redux
- Кликер на React+Redux
- Todo List на React+Redux
- Redux DevTools
- Вариант организации кода #1
- Вариант организации кода #2
- Альтернативная точка входа
- Вариант TodoList с фильтрами
- Синхронизация с localStorage
- Добавление роутинга
- Итоги модуля
04Проект 1
- Обзор проекта
- Настройка окружения
- Базовые компоненты
- Добавление провайдера и пустого стора
- Редьюсер вакансий
- Редьюсер фильтрации
- Механизм добавления фильтров
- Удаление фильтров и их очистка
- Публикация проекта
- Итоги модуля
05React-redux legacy
- Легаси для react-redux
- Метод connect
- Концепция mapStateToProps
- Концепция mapDispatchToProps
- Рефакторинг Todo App
- Рефакторинг проекта 1
- Итоги модуля
06Redux Middleware и асинхронная работа
- Введение в redux middleware
- Базовое использование redux middleware
- Подключение вместе с devTools
- Библиотека redux-persist
- Проблема асинхронности
- Библиотека redux-thunk
- Использование redux-thunk
- Подготовка клиентского api
- Статусы загрузки и обработка ошибок
- Post-запросы
- Thunk extraArgument
- Итоги модуля
07Проект 2
- Обзор проекта
- Структура проекта
- Добавление redux бойлерплейта
- Переключение светлой/темной темы
- Редьюсер для стран
- Отрисовка стран в UI
- Фильтрация по поиску
- Фильтрация по региону
- Очистка фильтров
- Детальная страница
- Очистка детальной страницы
- Получение информации о соседях
- Обзор итогового приложения
08Redux Toolkit
- Актуальность Redux Toolkit
- Сущности Redux Toolkit
- Метод createAction
- Метод createReducer
- Метод createSlice
- Метод configureStore
- Практика создания слайсов
- Extra редьюсеры
- Структура проекта
- Redux-persist вместе с RTK
- Рефакторинг проекта, часть 1
- Рефакторинг проекта, часть 2
- Итоги модуля
09RTK AsyncThunk
- Обзор модуля
- Базовое использование createAsyncThunk
- ExtraReducers для работы с thunk экшнами
- Практика создания thunk c createAsyncThunk
- Использование в UI
- Массовая обработка событий в extraReducers
- Обработка ошибок
- Отмена запроса к серверу
- Extra параметр thunk
- Базовое использование createEntityAdapter
- Удаление и изменение данных через адаптер
- Итоги модуля
10Рефакторинг проекта 2
- Постановка задачи
- Организация структуры и слайс темы
- Слайс блока фильтрации
- Слайс стран
- Слайс для деталки
- Получение соседей
- Итоги модуля
11Итоги курса
- Style Guide от создателей Redux
- FAQ по тому, что хранить в Redux-сторе
- Итоги курса
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Redux для управления состоянием React-приложений» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 3 сентября 2026 г.

Stepik 















