Складчина Каталог
Мои курсы

React под капотом

7 участников
АК Автор Андрей Кобец Школа Kobezzza

О чём курс

О чём интенсив

Андрей Кобец разбирает архитектуру React на составляющие и прослеживает её эволюцию от версии к версии. Программа сфокусирована на инженерных вопросах: как устроена реактивность, как работают фазы жизненного цикла компонентов и за счёт чего обеспечивается производительность. По словам автора, знание внутренних механизмов помогает писать эффективный код и готовит к техническим собеседованиям.

Кому подойдёт

Материал ориентирован на разработчиков уровня middle и выше, которые хотят понимать React на уровне архитектурных решений.

Интенсив также подходит специалистам без предварительного знания React. Библиотека служит наглядным примером: разбираемые принципы инженерии и архитектурные подходы применимы в работе с другими фреймворками.

Что внутри

Темы распределены по трём направлениям:

  • Архитектура: особенности структуры данных Virtual DOM в сравнении с DOM, реактивность и рендер от setState, фазы жизни компонентов, поток обновлений представления с использованием Fiber и профилирование через React DevTools.
  • Производительность: применение useMemo, useCallback, React.memo, нововведения React-compiler, отложенные обновления с useTransition и useDeferredValue, ожидание данных через use() и Suspense, а также useActionState и useOptimistic.
  • Анатомия приложения: критерии выбора инструментов стейт-менеджмента (Redux Toolkit, Zustand, Context с useReducer, TanStack Query), серверные компоненты, подход Hypermedia-Driven Applications, слоистая и гексагональная архитектура.

Программа обучения

День 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)
  • Слоистая и гексогональная архитектура
Складчина создана 28 мая 2026 г. · описание обновлено 25 октября 2026 г.

Теги курса

Профессии
РазработчикИнженер
Навыки
Архитектура
Инструменты
ReactАрхитектурные паттерны

Другие материалы автора 12

АК Андрей Кобец Все материалы
Интенсив Iterable API в JavaScript Интенсив Iterable API в JavaScript 142 ₽ 990 ₽ −86%Работа с ошибками и исключениями в JavaScript Работа с ошибками и исключениями в JavaScript 164 ₽ 990 ₽ −83%Мастер-класс по решению задач с LeetCode Мастер-класс по решению задач с LeetCode 372 ₽ 5 000 ₽ −93%ООП в JavaScript ООП в JavaScript 132 ₽ 990 ₽ −87%C Computer Science во Frontend 5 707 ₽ 68 000 ₽ −92%Rust во frontend Rust во frontend 4 000 ₽ 125 000 ₽ −97%IndexedDB в действии. Продвинутый Debug во Frontend. Командная строка для разработчиков IndexedDB в действии. Продвинутый Debug во Frontend. Командная строка для разработчиков 600 ₽ 9 900 ₽ −94%Асинхронное программирование JavaScript Асинхронное программирование JavaScript 1 162 ₽ 4 500 ₽ −74%Регулярные выражения в JavaScript Регулярные выражения в JavaScript 160 ₽ 1 450 ₽ −89%Typescript и tsc Typescript и tsc 3 423 ₽ 22 990 ₽ −85%Интенсив по фреймворку Vue 3 Интенсив по фреймворку Vue 3 500 ₽ 5 000 ₽ −90%Интенсив по TypeScript Интенсив по TypeScript 344 ₽ 5 000 ₽ −93%

Ещё интересные курсы 12

Ещё интересные курсы

493 ₽ 8 500 ₽