Главная страницаКатегория react.jsУправление состоянием в React, v2

Управление состоянием в React, v2

Name: Управление состоянием в React, v2
Rating: 4.6 (28 reviews)

State Management in React, v2

frontendmasters

Steve Kinney

★4.6 (всего оценок - 28)

Продолжительность

5 ч 2 мин

Категория

React.js

Количество уроков

45 Видео

Дата добавления

9 июн. 2019 г., 20:26

Язык

Английский

Дата выхода

29 мая 2019 г., 00:00

Дата обновления

29 апр. 2026 г., 03:30

Управление состоянием в React становится одним из ключевых навыков для фронтенд‑разработчиков. Количество состояний, взаимосвязей и сценариев взаимодействия растет, и вместе с этим растут требования к архитектуре. В этом материале вы узнаете, какие подходы к управлению состоянием существуют сегодня, чем они отличаются и как выбирать оптимальное решение под конкретную задачу.

Что вы узнаете из курса

Курс помогает сформировать целостное понимание того, как состояние живет внутри React‑приложений: от встроенных механизмов до библиотек и продвинутых архитектур. Материал охватывает как классические, так и современные подходы к управлению состоянием.

Главные темы курса

Внутренние механизмы состояния компонентов и их жизненный цикл.
Использование нового Context API в React.
Управление состоянием через URL и построение навигационно‑зависимых компонентов.
Создание универсальных и масштабируемых форм.
Продвинутые шаблоны компонентов для улучшения читаемости и повторного использования кода.
Понимание принципов Redux через самостоятельную реализацию его базовых функций.
Асинхронная работа с данными через Redux Thunk и Redux Observable.
Изучение MobX и построение приложения на его основе.

Практические навыки, которые вы получите

Курс ориентирован на практику: вы будете не только изучать теорию, но и закреплять ее реальными примерами, экспериментами и мини‑проектами.

Создание промежуточного слоя (middleware)

Вы напишете собственное middleware для Redux, чтобы понять, как работает поток данных и как перехватывать действия для логирования, аналитики или обработки асинхронности.

Реализация undo/redo

Вы внедрите функционал отката действий, который часто используется в продуктивных интерфейсах: от графических редакторов до форм с изменениями в реальном времени.

Оптимизация производительности

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

Для кого подходит этот курс

Материал будет полезен разработчикам, которые уже знакомы с React и хотят глубже понимать его устройство, структуру данных и разные способы работы с состоянием. Курс подходит для тех, кто стремится делать приложения предсказуемыми, устойчивыми и масштабируемыми.

Почему это важно

Современные веб‑приложения становятся все сложнее, и правильное управление состоянием — основа их стабильности и производительности. Этот курс позволит вам научиться выбирать подходящий инструмент, понимать компромиссы и уверенно строить архитектуру приложения с учетом будущего роста.

Удален по просьбе правообладателя

Урок 1.00:11:25
Introduction
Урок 2.00:02:04
Pure & Impure Functions
Урок 3.00:03:44
Copy Instead of Mutate
Урок 4.00:06:04
Single State Store & Reducers
Урок 5.00:03:13
Redux Functions Overview
Урок 6.00:05:22
reducer & createStore
Урок 7.00:10:22
Store dispatch & subscribe
Урок 8.00:04:54
combineReducers
Урок 9.00:08:05
bindActionCreators
Урок 10.00:05:50
Middleware in Redux
Урок 11.00:08:08
Create Redux Store
Урок 12.00:09:36
Connect Redux to React
Урок 13.00:06:13
Redux Reducer Exercise & Solution
Урок 14.00:05:34
Refactoring an App to Use Redux
Урок 15.00:06:43
Implementing a Kanban Board
Урок 16.00:05:43
State Store Schema
Урок 17.00:05:16
Wiring State Store to the App
Урок 18.00:02:40
Redux DevTools
Урок 19.00:06:37
Using State Store in Components
Урок 20.00:01:03
Wiring Redux to a React App Exercise
Урок 21.00:07:28
Wiring Redux to a React App Solution
Урок 22.00:10:15
Implementing Map Dispatch to Props
Урок 23.00:07:00
Handling Dispatched Actions
Урок 24.00:05:00
Updating Nested State
Урок 25.00:05:49
Action Creator Helpers
Урок 26.00:08:51
State Store Selectors with Reselect
Урок 27.00:04:43
Reselect Performance
Урок 28.00:03:38
Redux Thunk
Урок 29.00:07:35
Redux Thunk Setup
Урок 30.00:07:43
Redux Thunk: Dispatching Actions
Урок 31.00:06:08
Redux Observable
Урок 32.00:09:53
Redux Observable Setup
Урок 33.00:12:55
Redux Observable: Mapping Actions
Урок 34.00:10:23
Redux Observable: Cancelling Requests
Урок 35.00:11:09
MobX Decorators
Урок 36.00:07:29
Pure MobX Demo
Урок 37.00:05:55
MobX Concepts
Урок 38.00:05:41
MobX in React
Урок 39.00:08:20
List Model MobX Store
Урок 40.00:04:49
Item Model MobX Store
Урок 41.00:02:25
Add & Remove from the MobX Store
Урок 42.00:06:13
Wiring MobX to the React App
Урок 43.00:07:43
Sending Data from React into MobX
Урок 44.00:04:48
MobX vs Redux
Урок 45.00:11:59
Wrapping Up & Q&A

Авторы - frontendmasters, Steve Kinney

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+793

Steve Kinney

Стив - архитектор фронтенда в компании Temporal. Ранее он занимал аналогичную должность в Twilio и SendGrid. Стив также является основателем и почетным директором программы обучения фронтенд-разработке в Turing School for Software and Design в Денвере, Колорадо — это некоммерческая программа подготовки разработчиков. В прошлой жизни Стив был учителем в государственных школах Нью-Йорка, где он преподавал специальное образование и веб-разработку в

+11

Комментарии

Anonymous
30 нояб. 2020 г., 06:57
not working!!!