Содержание курса
11
разделов
103
урока
11 ч.
обн. 1 год назад
Вводный модуль
5 уроков
1.
Вводное видео
↗
2.
Что такое Redux
↗
3.
Варианты state management для React
↗
4.
Пререквизит к курсу
↗
5.
Окружение для работы
↗
Redux
9 уроков
1.
Обзор модуля
↗
2.
Три принципа Redux
↗
3.
Базовые сущности Redux
↗
4.
Базовое API Redux
↗
5.
Пример с кликером
↗
6.
Решение задачи с кликером
↗
7.
Action creators и их использование
↗
8.
Хранилище по умолчанию
↗
9.
Итоги модуля
↗
React-redux на хуках
12 уроков
1.
Обзор модуля
↗
2.
Сущности react-redux
↗
3.
Кликер на React+Redux
↗
4.
Todo List на React+Redux
↗
5.
Redux DevTools
↗
6.
Вариант организации кода #1
↗
7.
Вариант организации кода #2
↗
8.
Альтернативная точка входа
↗
9.
Вариант TodoList с фильтрами
↗
10.
Синхронизация с localStorage
↗
11.
Добавление роутинга
↗
12.
Итоги модуля
↗
Проект 1
10 уроков
1.
Обзор проекта
↗
2.
Настройка окружения
↗
3.
Базовые компоненты
↗
4.
Добавление провайдера и пустого стора
↗
5.
Редьюсер вакансий
↗
6.
Редьюсер фильтрации
↗
7.
Механизм добавления фильтров
↗
8.
Удаление фильтров и их очистка
↗
9.
Публикация проекта
↗
10.
Итоги модуля
↗
React-redux legacy
7 уроков
1.
Легаси для react-redux
↗
2.
Метод connect
↗
3.
Концепция mapStateToProps
↗
4.
Концепция mapDispatchToProps
↗
5.
Рефакторинг Todo App
↗
6.
Рефакторинг проекта 1
↗
7.
Итоги модуля
↗
Redux Middleware и асинхронная работа
12 уроков
1.
Введение в redux middleware
↗
2.
Базовое использование redux middleware
↗
3.
Подключение вместе с devTools
↗
4.
Библиотека redux-persist
↗
5.
Проблема асинхронности
↗
6.
Библиотека redux-thunk
↗
7.
Использование redux-thunk
↗
8.
Подготовка клиентского api
↗
9.
Статусы загрузки и обработка ошибок
↗
10.
Post-запросы
↗
11.
Thunk extraArgument
↗
12.
Итоги модуля
↗
Проект 2
13 уроков
1.
Обзор проекта
↗
2.
Структура проекта
↗
3.
Добавление redux бойлерплейта
↗
4.
Переключение светлой/темной темы
↗
5.
Редьюсер для стран
↗
6.
Отрисовка стран в UI
↗
7.
Фильтрация по поиску
↗
8.
Фильтрация по региону
↗
9.
Очистка фильтров
↗
10.
Детальная страница
↗
11.
Очистка детальной страницы
↗
12.
Получение информации о соседях
↗
13.
Обзор итогового приложения
↗
Redux Toolkit
13 уроков
1.
Актуальность Redux Toolkit
↗
2.
Сущности Redux Toolkit
↗
3.
Метод createAction
↗
4.
Метод createReducer
↗
5.
Метод createSlice
↗
6.
Метод configureStore
↗
7.
Практика создания слайсов
↗
8.
Extra редьюсеры
↗
9.
Структура проекта
↗
10.
Redux-persist вместе с RTK
↗
11.
Рефакторинг проекта, часть 1
↗
12.
Рефакторинг проекта, часть 2
↗
13.
Итоги модуля
↗
RTK AsyncThunk
12 уроков
1.
Обзор модуля
↗
2.
Базовое использование createAsyncThunk
↗
3.
ExtraReducers для работы с thunk экшнами
↗
4.
Практика создания thunk c createAsyncThunk
↗
5.
Использование в UI
↗
6.
Массовая обработка событий в extraReducers
↗
7.
Обработка ошибок
↗
8.
Отмена запроса к серверу
↗
9.
Extra параметр thunk
↗
10.
Базовое использование createEntityAdapter
↗
11.
Удаление и изменение данных через адаптер
↗
12.
Итоги модуля
↗
Рефакторинг проекта 2
7 уроков
1.
Постановка задачи
↗
2.
Организация структуры и слайс темы
↗
3.
Слайс блока фильтрации
↗
4.
Слайс стран
↗
5.
Слайс для деталки
↗
6.
Получение соседей
↗
7.
Итоги модуля
↗
Итоги курса
3 урока
1.
Style Guide от создателей Redux
↗
2.
FAQ по тому, что хранить в Redux-сторе
↗
3.
Итоги курса
↗