Курс создан для разработчиков, которые хотят не просто пользоваться 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 — это лишь пример. Курс посвящён архитектуре, инженерии и фундаментальным принципам, которые применимы в любом современном фреймворке.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
kobezzza.lab - это образовательная платформа для веб-разработчиков (преимущественно Frontend/JavaScript-инженеров), созданная известным российским разработчиком и архитектором Андреем Кобецом.Главный фокус проекта — фундаментальное IT-образование (так называемая «база»). Вместо поверхностного изучения фреймворков здесь учат глубокому пониманию алгоритмов, Computer Science и архитектурных паттернов.
Руководитель отдела Frontend разработки Яндекс.Едадил. 8 лет в Яндексе. Автор десятка мастер-классов и интенсивов по фундаментальным аспектам Frontend разработки. 18 лет в коммерческой разработке, 12 лет на позиции Senior разработчика5 лет собеседует топ разработчиков. Автор собственного языка программирования и множества открытых библиотек.