React «под капотом»

Курс создан для разработчиков, которые хотят не просто пользоваться 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 — это лишь пример. Курс посвящён архитектуре, инженерии и фундаментальным принципам, которые применимы в любом современном фреймворке.