Главная страницаКатегория react.jsУправления состоянием в чистом React (Reshoot)

Управления состоянием в чистом React (Reshoot)

Name: Управления состоянием в чистом React (Reshoot)
Rating: 4.7 (21 reviews)

State Management in Pure React (Reshoot)

master.dev (ex FrontendMasters)

Steve Kinney

★4.7 (всего оценок - 21)

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

4 ч 28 мин

Категория

React.js

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

41 Видео

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

24 нояб. 2019 г., 14:18

Язык

Английский

Дата выхода

21 нояб. 2019 г., 00:00

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

29 апр. 2026 г., 05:36

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

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

Курс сфокусирован на практических подходах к управлению состоянием без сторонних библиотек. Вы разберёте базовые и продвинутые техники, узнаете о компромиссах разных решений и научитесь выбирать оптимальный инструмент под конкретную задачу.

Ключевые темы программы

Внутренние механизмы состояния компонентов — разбор работы useState, useReducer и их подводных камней.
Обновлённый Context API — когда он подходит, как избежать "проброса" пропсов и проблем с производительностью.
Компоненты, синхронизированные с URL — создание state‑driven интерфейсов, завязанных на параметры адресной строки.
Универсальные и гибкие формы — способы абстракции и повторного использования логики форм.
Продвинутые шаблоны компонентов — паттерны, упрощающие архитектуру и повышающие читаемость кода.

Кому подойдёт этот курс

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

Какие навыки вы получите

Умение выбирать подходящий способ хранения состояния
Понимание принципов оптимизации и предотвращения лишних ререндеров
Навык построения масштабируемой структуры компонентов
Способность проектировать удобные в поддержке формы и сложные интерфейсы
Практика применения React‑паттернов для реальных задач

Почему стоит пройти этот курс

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

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

Урок 1.00:06:44
Introduction
Урок 2.00:04:15
Types of State
Урок 3.00:05:40
setState & Class
Урок 4.00:04:14
setState & Asynchronicity
Урок 5.00:09:20
setState & Function
Урок 6.00:03:21
setState & Callback
Урок 7.00:05:47
setState & Helper Function
Урок 8.00:00:36
document.title Exercise
Урок 9.00:02:43
document.title Solution
Урок 10.00:06:55
setState Patterns
Урок 11.00:09:56
Refactoring & Hooks
Урок 12.00:05:20
useEffect & Dependencies
Урок 13.00:00:49
useEffect Exercise
Урок 14.00:02:56
useEffect Solution
Урок 15.00:10:04
Refactoring & Custom Hook
Урок 16.00:09:22
Persisting State & useRef
Урок 17.00:04:26
useEffect & Cleanup
Урок 18.00:08:26
useReducer Introduction
Урок 19.00:06:35
Reducer Action & State
Урок 20.00:05:13
Reducer Action Keys & dispatch
Урок 21.00:01:48
Action & State Modification Exercise
Урок 22.00:02:35
Action & State Modification Solution
Урок 23.00:05:55
React.memo & useCallback
Урок 24.00:07:03
Prop Drilling & Context API
Урок 25.00:13:41
Creating a Context Provider
Урок 26.00:09:56
Context & useContext Hook
Урок 27.00:03:46
Context Practice
Урок 28.00:08:42
Data Fetching & useEffect Hook
Урок 29.00:10:17
Response, Loading, & Error
Урок 30.00:06:09
Refactoring to a Custom Hook
Урок 31.00:07:14
Refactoring to a Custom Reducer
Урок 32.00:03:46
What is a Thunk
Урок 33.00:07:10
useThunkReducer Hook
Урок 34.00:08:58
Dispatching, Reducers & Hooks
Урок 35.00:09:16
Routing & Thunks
Урок 36.00:12:52
Implementing Undo & Redo
Урок 37.00:05:44
Undo Reducer
Урок 38.00:00:24
Redo Reducer Exercise
Урок 39.00:14:18
Redo Reducer Solution
Урок 40.00:10:50
Managing State in a Form
Урок 41.00:05:04
Wrapping Up

Авторы - master.dev (ex FrontendMasters), Steve Kinney

master.dev (ex FrontendMasters)

Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.

+812

Steve Kinney

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

+12

Комментарии

who-cares
24 дек. 2021 г., 01:33
Переименовали бы.
State Management in Pure React, v2
Вот так у них на сайте.
Ибо я искал в поиске и не мог найти. А когда нашел это, то думал, что это старая версия.