Этот продвинутый курс по Redux Toolkit поможет вам вывести управление состоянием в React‑приложениях на новый уровень. Вы узнаете, как упростить архитектуру, улучшить читаемость кода и повысить масштабируемость проекта благодаря современным инструментам Redux, TypeScript и гибким стратегиям обработки асинхронных данных.
Что вы изучите в этом курсе
Курс ориентирован на разработчиков, которые уже знакомы с базовыми концепциями Redux и хотят перейти к более эффективным и современным практикам работы с состоянием.
Работа с TypeScript в Redux
Вы научитесь типизировать существующий Redux‑код и интегрировать TypeScript так, чтобы повысить надежность и предсказуемость поведения хранилища.
Оптимизация архитектуры с Redux Toolkit
Redux Toolkit позволяет избавиться от лишнего шаблонного кода, сосредоточиться на логике и значительно ускорить разработку. В рамках курса вы:
Освоите createSlice и createAsyncThunk.
Научитесь структурировать фичи более эффективно.
Узнаете, когда стоит применять RTK и какие преимущества он дает.
Асинхронная работа с данными
В курсе рассматриваются разные подходы к обработке асинхронных данных в Redux — от классических до самых современных.
RTK Query
Вы разберетесь, как использовать RTK Query для управления загрузкой данных, кэшированием и повторным запросом в соответствии с потребностями приложения.
Redux Observable
Этот инструмент позволит вам грамотно описывать сложные асинхронные потоки с использованием RxJS. Вы узнаете, в каких случаях он предпочтительнее стандартных решений.
Стратегии асинхронных запросов
Мы рассмотрим популярные способы интеграции серверных данных в Redux‑приложение и разберем, какие компромиссы есть у каждого подхода.
Построение устойчивых пайплайнов обработки данных.
Оптимизация запросов с помощью кэширования и дедупликации.
Выбор стратегии под тип вашего приложения.
Интеграция маршрутизации с Redux
Вы изучите, как совмещать React Router с Redux, управлять состоянием маршрутов и синхронизировать навигацию с логикой приложения.
Результаты прохождения курса
После завершения вы сможете эффективно разрабатывать и поддерживать масштабируемые React‑приложения, используя передовые инструменты и паттерны экосистемы Redux.
Удален по просьбе правообладателя
Урок 1.00:08:55
Introduction
Урок 2.00:13:13
Create Slice
Урок 3.00:15:15
Create Action
Урок 4.00:08:25
Create Action Exercise
Урок 5.00:08:46
Create Reducer
Урок 6.00:10:14
Create Reducer Exercise
Урок 7.00:11:17
Redux Toolkit Store
Урок 8.00:08:23
Partial Types for Incomplete Data
Урок 9.00:07:27
Utility Type for Incomplete Data
Урок 10.00:06:26
Typed useSelector Hook
Урок 11.00:06:18
Typed Custom Hook for useSelector
Урок 12.00:13:36
Typed Custom Hook for useDispatch
Урок 13.00:16:11
Implementing User Slice Exercise
Урок 14.00:10:17
Unit Testing Redux
Урок 15.00:11:56
Extra Reducers
Урок 16.00:19:55
Async Requests with createAsyncThunk
Урок 17.00:04:38
fetchTasks Pending State
Урок 18.00:05:35
Custom Hooks for Async Requests
Урок 19.00:19:40
API Service with RTK Query
Урок 20.00:16:21
Using Custom Hooks from Redux Toolkit
Урок 21.00:09:21
Wrapping Up
Авторы - master.dev (ex FrontendMasters), Steve Kinney
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
Стив - архитектор фронтенда в компании Temporal. Ранее он занимал аналогичную должность в Twilio и SendGrid. Стив также является основателем и почетным директором программы обучения фронтенд-разработке в Turing School for Software and Design в Денвере, Колорадо — это некоммерческая программа подготовки разработчиков. В прошлой жизни Стив был учителем в государственных школах Нью-Йорка, где он преподавал специальное образование и веб-разработку в
https://github.com/stevekinney/supertasker.git
https://github.com/stevekinney/accident-counter-rtk.git
https://github.com/stevekinney/jetsetter-rtk.git