React под капотом — 26 мая 2026 г. в 11:00:43.944
React под капотом — Андрей, сделай курс по React. — Нет. — Почему? — Потому что курсов по React — сотни. Я не хочу учить вас писать компоненты. — Но почему? Это же самый популярный фреймворк во фронтенде! — Не спорю, но я лучше покажу не как его использовать, а как он устроен: архитектуру, лежащую в его основах; как, используя принципы кооперативной многозадачности, организуется цикл обновлений представления; что такое реактивность и как она работает. То, что лежит в основе любого фреймворка, и понимание чего позволит вам писать быстрый и эффективный код на любом фреймворке. Да ребят, если вы не поняли, то это был первый официальный анонс моего нового трехдневного live-интенсива «React под капотом». Но честно скажу: это не курс по React. Если вы не знаете React — после трёх дней вы его так и не узнаете. Я не буду учить вас писать компоненты или вешать обработчики. Все эти уроки уже есть в интернете без меня. ❗️Я расскажу о том, что обычно остаётся за кадром. Как работает React под капотом. Почему вдруг перерендерился компонент. Как Fiber фрагментирует обновления и спасает интерфейс от зависаний. Как React перехватывает промисы и ставит рендер на паузу. И главное — как проектировать приложение и управлять состоянием, чтобы не было больно. Можно ли прийти без знания React? Да. React здесь просто наглядный пример. Мы будем говорить об архитектуре, инженерии и принципах, которые работают в любом фреймворке. Три дня. Для тех, кому мало «просто работает». День 1. Архитектура React • Virtual DOM как структура данных: зачем, как, сравнение с DOM • Что такое реактивность: почему setState вызывает рендер? Что именно делает React реактивным? • Рендер и коммит: фазы жизни React-компонента • Поток обновлений представления: разбираемся с Fiber и кооперативной многозадачноностью • Отладка и профилирование: React DevTools - почему компонент перерендерился, как записать и проанализировать профиль День 2. Производительность • Когда на самом деле нужны useMemo, useCallback, React.memo и что нового принес React-compiler • Зачем нужны useTransition и useDeferredValue • Разбираемся с use() + Suspense: как React научился ждать данные во время рендера • Современные фичи: useActionState, useOptimistic и другое День 3. Анатомия приложения • Управление состоянием: когда Redux Toolkit, когда Zustand, когда Context + useReducer, когда React Query (TanStack Query) для серверного стейта • Серверные компоненты и сравнение с HDAA-подходом (Hypermedia-Driven Applications) • Слоистая и гексогональная архитектура 🗓 Когда: 19-21 июня в 19:00 по МСК. Запись у вас на платформе на следующий день. Доступ: 1 год с возможностью продления Чат: сразу после покупки и навсегда Что по ценам? ‼️Сейчас на старте и до 1 июня (23:59) самая низкая цена! - 5500 руб. Каждую неделю цена будет расти, пока не остановится на уровне 8500 руб. 19 июня. ЗАГЛЯНУТЬ ПОД КАПОТ REACT Интенсив идеально подойдет разработчикам уровня middle и выше, которые хотят перестать «просто использовать» React и начать понимать его на уровне архитектуры. Всем базы и до встречи на интенсиве 💪