Привет, инженер! Да, ты не ослышался, готовлю для тебя интенсив по React
Но это не будет курс для прикладного использования фреймворка. Вместо этого мы посмотрим на него глазами инженера. Разберем архитектуру на составляющие и проследим ее эволюцию от версии к версии. Правильно сказать, что данный интенсив не сделает из тебя разработчика на React, но даст понимание как писать высокоэффективный производительный код с использованием React и повысит шансы на успешное прохождение собеседования (да, тренд 25-26 годов сместился в сторону прикладных инструментов и все чаще спрашивают именно нюансы React на собеседовании).
Курс идеально подходит для middle+ разработчиков, которые хотят перестать «просто использовать» 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)
- Слоистая и гексогональная архитектура
