egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Продолжительность
1 ч 51 мин
Категория
React.jsКоличество уроков
26 Видео
Дата добавления
14 янв. 2018 г., 23:36
Язык
Английский
Дата выхода
14 февр. 2017 г., 00:00
Дата обновления
28 апр. 2026 г., 23:10
React и Redux образуют мощный тандем для построения быстрых, предсказуемых и масштабируемых интерфейсов. Этот курс поможет вам структурировать понимание управления состоянием и научит применять Redux в реальных проектах, избегая типичных ошибок и путаницы в данных.
Что вы узнаете в этом курсе
Курс сфокусирован на практическом освоении принципов Redux и их применении в React‑приложениях. Вы шаг за шагом разберете, как устроены глобальное состояние, редьюсеры, действия и middleware, и как вся эта система помогает создавать надежные интерфейсы.
Ключевые навыки
- Понимание концепции одностороннего потока данных
- Настройка и организация глобального хранилища Redux
- Работа с pure‑функциями reducer и action creators
- Интеграция React и Redux с помощью библиотеки react-redux
- Использование middleware для обработки асинхронных запросов
- Работа с mock API и отладка асинхронного кода
Почему именно Redux
По мере усложнения фронтенда управление состоянием превращается в одну из ключевых задач. Redux помогает упростить контроль за изменениями данных, структурировать логику и минимизировать побочные эффекты.
Преимущества подхода
- Предсказуемость: состояние меняется только через заранее определённые действия
- Прозрачность: легко отслеживать поток данных в приложении
- Масштабируемость: структура из reducers хорошо подходит для крупных проектов
- Поддерживаемость: чистые функции упрощают тестирование и рефакторинг
Как устроен процесс обучения
Материал разбит на небольшие, логически связанные шаги. Каждый урок сопровождается примерами и практикой, что позволяет не просто изучать концепции, а внедрять их сразу в код.
Работа с учебным репозиторием
Для курса подготовлен репозиторий, где каждая ветка соответствует конкретному уроку.
Итог
Пройдя этот курс, вы сможете уверенно использовать Redux в приложениях на React, понимать всю цепочку обновления состояния и строить более масштабируемую архитектуру. Курс идеально подходит для разработчиков, стремящихся повысить свой уровень и глубже разобраться в управлении состоянием.
- Урок 1.00:02:19Bootstrap a React Application with Yarn & Create React App
- Урок 2.00:02:26Render a React UI with JSX
- Урок 3.00:03:03Render in React Based on a Global State Object
- Урок 4.00:05:19Refactor JSX in React to Stateless Functional Components
- Урок 5.00:05:24Create a Redux-Style Reducer Function
- Урок 6.00:02:24Create a Redux Store
- Урок 7.00:02:08Render React UI Based on State Changes with Subscribe in Redux
- Урок 8.00:06:46Keep UI and State Synchronized Using Controlled Components in React with Redux
- Урок 9.00:03:17Make Dispatching Redux Actions More Reliable With Action Creators
- Урок 10.00:02:11Create Redux Dispatch Functions From Action Creators with bindActionCreators
- Урок 11.00:04:09Connect Redux to a React Application with react-redux
- Урок 12.00:02:38Handle Actions in Redux with mapDispatchToProps
- Урок 13.00:01:43Use mapDispatchToProps Shorthand Syntax in Redux
- Урок 14.00:07:00Connect Redux to Individual React Components For More Efficient Rendering
- Урок 15.00:01:36Setup a Mock API Server with the json-server npm module
- Урок 16.00:08:30Dispatch Asynchronous Actions with Redux Thunk Middleware
- Урок 17.00:06:39Save New Records on The Server with Redux Thunk and Fetch
- Урок 18.00:04:14Configure and Use Redux Dev Tools
- Урок 19.00:02:36Create a React Component to Display Status Messages
- Урок 20.00:06:22Use Multiple Reducers in Redux with combineReducers
- Урок 21.00:03:10Respond to a Single Redux Action in Multiple Reducers
- Урок 22.00:07:45Update Existing Records on The Server with Redux Thunk and Fetch
- Урок 23.00:06:14Delete Existing Records on The Server with Redux Thunk and Fetch
- Урок 24.00:02:51Add React Router to a Redux Application
- Урок 25.00:04:23Filter State Data in Redux with a Selector Function and React Router
- Урок 26.00:06:28Configure a React & Redux Application For Production Deployment and Deploy to Now
Автор - egghead
Комментарии