Mô tả

Redux - самое популярное решение для управления глобальным состоянием React-приложений. Больше 10-ти лет разработчики отдают предпочтение Redux, и с каждым годом он становится всё более дружелюбным для использования.


Курс "Redux для управления состоянием React-приложений" поможет разобраться с организацией кода, созданием глобального хранилища и управлением им. На курсе мы разберем разные подходы к Redux, которые можно встретить в индустрии. И, конечно, выполним несколько проектов для закрепления теории.


*** ЧТО ВКЛЮЧЕНО В КУРС? ***

  • 2 полноценных разноплановых проекта, которые можно как добавить себе в портфолио, так и сделать на базе них свои собственные уникальные проекты

  • Базовые навыки по работе с Redux - понимание базовых сущностей и логики построения приложения

  • Продвинутые навыки по работе с Redux - современные техники, позволяющие добиваться хороших результатов при меньшем количестве кода

  • Асинхронная работа с Redux - в классическом подходе с использованием сторонней библиотеки и в более современном варианте

  • Разбор разных вариантов структуры приложения - мы посмотрим как оно бывает и придем к одному из наиболее актуальных в индустрии подходов

  • Публикация проектов онлайн - через популярный и бесплатный сервис Vercel


Почему это именно тот курс, который даст результат?

Меня зовут Михаил Непомнящий и я профессиональный веб-разработчик. Я работаю с React каждый день и решаю с его помощью задачи самого разного уровня сложности. И Redux - один из сопутствующих инструментов.

При этом я также профессиональный преподаватель и обучаю людей веб-разработке с 2016 года.

В своих курсах я стараюсь подавать материал максимально доступно - от простого к сложному и без воды. Помню как самому трудно было поначалу пробираться через дебри Redux, когда только начинал изучать его, и в этом курсе постарался сделать подачу максимально понятной.

В рамках курса мы сделаем 2 полноценных проекта, сосредоточившись именно на Redux-логике (базовая разметка и стили уже подготовлены). Таким образом, на практике мы будем последовательно закреплять те навыки и умения, которые были изучены.


РЕСУРСЫ КУРСА

  • Упражнения по написанию кода - практикуйте самостоятельно, чтобы закреплять навыки. Всегда есть возможность посмотреть готовый ответ, плюс отдельное видео с его разбором.

  • Качайте и смотрите где угодно! Все видео скачиваемы в мобильных приложениях Udemy.

  • Я подготовил для вас материалы для скачивания к самым сложным блокам курса. Скачивайте код и используйте для самопроверки!

  • Ответы на вопросы - спрашивайте сами и читайте ответы на вопросы других пользователей к урокам. Прокачивайте свои навыки!


Для кого этот курс

  • Для тех, кто хочет изучить самый популярный инструмент для управления стейтом

  • Для тех, кто пробовал сам изучать Redux, но по какой-либо причине не справился и хочет закрыть пробелы

  • Для тех, кто хочет углубиться в веб-разработку и взять лучшее из современных практик

  • Для тех, кто застрял на первых шагах профессии и хочет добрать компетенций к резюме

  • Для тех, кто хочет получить актуальные навыки и стать более востребованным на рынке веб-разработки

Bạn sẽ học được gì

Redux основные понятия

React-redux - использование в React-приложениях

Хуки react-redux

Легаси метод connect

Асинхронная работа с redux-thunk

Redux Toolkit

Redux Toolkit asyncThunk

Варианты организации структуры приложения

Проекты с redux-логикой

Yêu cầu

  • HTML, CSS
  • Уверенное владение JavaScript
  • Базовое знание React

Nội dung khoá học

11 sections

Введение

5 lectures
Введение
02:37
Что такое Redux
03:34
Варианты state management для React
04:51
Пререквизит к курсу
01:25
Окружение для работы
02:23

Redux

10 lectures
Обзор модуля
01:25
Три принципа Redux
04:40
Базовые сущности Redux
02:34
Базовое API Redux
10:18
Пример с кликером
07:08
Решение задачи с кликером
02:17
Action creators и их использование
12:38
Хранилище по умолчанию
03:54
Библиотека Redux
3 вопросов
Итоги модуля
01:38

React-redux на хуках

13 lectures
Обзор модуля
01:20
Сущности react-redux
04:30
Кликер на React+Redux
08:55
Todo List на React+Redux
09:04
Компоненты и хуки react-redux
4 вопросов
Redux DevTools
06:15
Вариант организации кода #1
14:29
Вариант организации кода #2
05:42
Альтернативная точка входа
03:51
Вариант TodoList с фильтрами
13:26
Синхронизация с localStorage
09:04
Добавление роутинга
06:52
Итоги модуля
01:38

Проект 1

10 lectures
Обзор проекта
01:51
Настройка окружения
08:35
Базовые компоненты
04:14
Добавление провайдера и пустого стора
02:59
Редьюсер вакансий
12:29
Редьюсер фильтрации
05:20
Механизм добавления фильтров
06:03
Удаление фильтров и их очистка
06:55
Публикация проекта
02:53
Итоги модуля
02:24

React-redux legacy

7 lectures
Легаси для react-redux
01:40
Метод connect
04:12
Концепция mapStateToProps
01:58
Концепция mapDispatchToProps
08:37
Рефакторинг Todo App
1 вопрос
Рефакторинг проекта 1
06:47
Итоги модуля
01:27

Redux Middleware и асинхронная работа

12 lectures
Введение в redux middleware
02:06
Базовое использование redux middleware
09:33
Подключение вместе с devTools
03:59
Библиотека redux-persist
07:34
Проблема асинхронности
05:39
Библиотека redux-thunk
08:50
Использование redux-thunk
1 вопрос
Подготовка клиентского api
09:50
Статусы загрузки и обработка ошибок
08:32
Post-запросы
08:19
Thunk extraArgument
03:40
Итоги модуля
01:27

Проект 2

13 lectures
Обзор проекта
01:31
Структура проекта
05:37
Добавление redux бойлерплейта
05:46
Переключение светлой/темной темы
07:30
Редьюсер для стран
10:02
Отрисовка стран в UI
08:50
Фильтрация по поиску
12:11
Фильтрация по региону
09:02
Очистка фильтров
03:16
Детальная страница
13:41
Очистка детальной страницы
02:39
Получение информации о соседях
11:40
Обзор итогового приложения
01:38

Redux Toolkit

13 lectures
Актуальность Redux Toolkit
02:13
Сущности Redux Toolkit
03:43
Метод createAction
08:21
Метод createReducer
12:54
Метод createSlice
08:42
Метод configureStore
06:14
Практика создания слайсов
1 вопрос
Extra редьюсеры
04:29
Структура проекта
11:48
Redux-persist вместе с RTK
07:08
Рефакторинг проекта, часть 1
09:35
Рефакторинг проекта, часть 2
09:27
Итоги модуля
02:33

RTK AsyncThunk

12 lectures
Обзор модуля
01:23
Базовое использование createAsyncThunk
09:51
ExtraReducers для работы с thunk экшнами
05:46
Создание thunk с createAsyncThunk
1 вопрос
Использование в UI
07:56
Массовая обработка событий в extraReducers
07:14
Обработка ошибок
06:50
Отмена запроса к серверу
05:32
Extra параметр thunk
06:01
Базовое использование createEntityAdapter
08:53
Удаление и изменение данных через адаптер
05:55
Итоги модуля
02:21

Рефакторинг проекта 2

7 lectures
Постановка задачи
01:21
Организация структуры и слайс темы
09:30
Слайс блока фильтрации
09:27
Слайс стран
13:42
Слайс для деталки
12:00
Получение соседей
05:57
Итоги модуля
01:24

Итоги

3 lectures
Style Guide от создателей Redux
16:42
FAQ по тому, что хранить в Redux-сторе
04:18
Итоги курса
02:18

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.