Описание
Количество уроков: 3 Видео
Язык: Русский
Вес архива: 2,79 ГБ
Курс создан для разработчиков, которые хотят не просто пользоваться React, а глубоко понять его внутреннюю архитектуру, механику рендера и логику принятия решений. Вы разберёте, как работает React «под капотом» и научитесь уверенно проектировать масштабируемые интерфейсы.
О чём этот курс
На занятиях мы детально разберём архитектуру React, механизм работы Fiber, причины перерендеров, а также современные подходы к управлению состоянием и оптимизации производительности.
Что вы узнаете
• Почему компонент перерендеривается и как это контролировать.
• Как Fiber разбивает обновления на части и предотвращает «лаг» интерфейса.
• Как React ловит промисы и приостанавливает рендер с помощью Suspense.
• Как грамотно проектировать приложение и работать с состоянием.
Программа курса
День 1. Архитектура React
• Virtual DOM как структура данных: назначение, устройство, отличие от реального DOM.
• Реактивность: почему setState вызывает рендер и что делает React реактивным.
• Фазы рендера: render и commit, жизненный цикл React-компонента.
• Fiber и кооперативная многозадачность: как устроен поток обновлений.
• Отладка и профилирование: использование React DevTools и анализ причин перерендеров.
День 2. Производительность
• Когда действительно нужны useMemo, useCallback, React.memo и что меняет React Compiler.
• Зачем использовать useTransition и useDeferredValue.
• Как работает use + Suspense: рендер с ожиданием данных.
• Современные API: useActionState, useOptimistic и другие возможности.
День 3. Анатомия приложения
• Управление состоянием: когда выбирать Redux Toolkit, Zustand, Context + useReducer или React Query.
• Серверные компоненты: принципы работы и сравнение с подходом HDAA (Hypermedia-Driven Applications).
Можно ли идти без знания React?
Да. React — это лишь пример. Курс посвящён архитектуре, инженерии и фундаментальным принципам, которые применимы в любом современном фреймворке.
Дмитрий Соколов –
Опыт в React около четырёх лет, и всё равно нашёл для себя новое: разбор useActionState и useOptimistic, а также то, как use вместе с Suspense приостанавливает рендер, я раньше понимал поверхностно. Третий день про выбор между Redux Toolkit, Zustand и React Query полезен, но хотелось бы больше практических примеров, а не только критериев выбора. В целом курс оправдан, если нужна именно внутренняя механика, а не очередной туториал по хукам.
Марина В. –
Брала курс, чтобы наконец разобраться, почему у меня компоненты перерисовываются без причины. Второй день про useMemo, useCallback и React Compiler оказался самым полезным — после него перестала пихать мемоизацию везде подряд. Про Fiber объясняют доходчиво, хотя первый день пришлось пересматривать пару раз.