React 19 & Современный Frontend 2026

React 19 Core, Паттерны и Архитектура

Углубленный инженерный справочник по современному React: 14 доменных направлений, 70 практических статей. От базового фундамента до внутреннего устройства Fiber, компилятора React Forget, атомарного стейта, React Flow, Web Audio/WebRTC, R3F шейдеров и AST-тулинга.

Все направления трекаКаталог Next.js 16
Прогресс изучения React 19
0%(0/70 уроков)
+0 / 2100 XP14 тем

Ключевые темы React 19

Выберите инженерную область, чтобы изучить структуру тем, детальные разборы исходного кода ядра и production-паттерны

5 уроков

React 19 Основы (С нуля)

Фундамент React 19 с нуля: компоненты, декларативный JSX, пропсы, useState, иммутабельность, списки, ключи, useRef и useEffect

Ключевые статьи темы:
01Декларативный UI и ментальная модель JSX: от createElement к автоматическому рантайму React 19
02Пропсы, однонаправленный поток данных и композиция через children
03Состояние компонентов: хук useState, модель снапшотов, батчинг и строгая иммутабельность
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Ядро React 19 & Fiber

Fiber reconciler, Lanes model, Concurrent Mode, Event Delegation, Virtual DOM

Ключевые статьи темы:
01React Fiber Architecture: WorkLoop, Reconciliation и Lanes
02React Compiler (Forget): Автоматическая мемоизация и отказ от useMemo
03Concurrent Rendering: startTransition, useDeferredValue и неблокирующий UI
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Хуки, Стейт & Данные

Встроенные хуки, кастомные хуки, useActionState, useOptimistic, useTransition, стейт-машины

Ключевые статьи темы:
01Архитектура кастомных хуков: чистые контракты, инварианты и SSR-безопасность
02Современный клиентский стейт: Zustand (slices) и атомы Jotai
03Управление серверным стейтом: TanStack Query v5 и гидратация
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Архитектура Компонентов

Compound components, Polymorphic components, Slots, Headless UI, Error Boundaries

Ключевые статьи темы:
01Паттерны Compound Components и Slot (asChild) в современной разработке
02Типобезопасные полиморфные компоненты в TypeScript: проп 'as' и forwardRef
03Headless UI и дизайн-системы: Radix Primitives, Base UI и Tailwind CSS v4
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Производительность & Тестирование

Profiler, React DevTools flamegraph, Virtualization, Vitest, RTL, Component Testing

Ключевые статьи темы:
01Профилирование React: React DevTools Flamegraph, холостые ререндеры и отладка INP
02Виртуализация списков и таблиц: TanStack Virtual и рендеринг 100 000+ элементов
03Компонентное тестирование с Vitest и React Testing Library в React 19
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Серверные Примитивы & Native SSR

React Server Components, хук use(), Server Actions, Asset Loading, Document Metadata

Ключевые статьи темы:
01Архитектура React Server Components и протокол Flight под капотом
02Потоковый SSR: renderToPipeableStream и renderToReadableStream
03React Server Functions (Actions): RPC протокол, шифрование ID и безопасность
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Анимации, 3D & Графика

Motion / Framer Motion, View Transitions API, Three.js, React Three Fiber, Canvas 2D

Ключевые статьи темы:
01Motion (Framer Motion 11+) в React: FLIP-анимации раскладки с layoutId и физика жестов
02Нативный View Transitions API в React 19 и бесшовные переходы
03React Three Fiber (R3F): Декларативный 3D и WebGL в дереве компонентов
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Real-time, PWA & Local-First

WebSockets, SSE, CRDT, IndexedDB, Dexie.js, Service Workers, Offline-first

Ключевые статьи темы:
01Двунаправленная связь в React: WebSockets, SSE и WebTransport
02Local-First архитектура: CRDT (Yjs) и клиентские базы данных (IndexedDB, OPFS)
03Web Workers в React: вынос тяжелых расчетов из Main Thread с Comlink
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Enterprise & Безопасность

Микрофронтенды, Module Federation, XSS/CSRF в React, Content Security Policy, Monorepos

Ключевые статьи темы:
01Микрофронтенды: Module Federation v2, Rsbuild и независимый деплой
02React-монорепозитории: Turborepo, pnpm workspaces и публикация UI-кита
03Безопасность React: векторы XSS в JSX, Prototype Pollution и CSP Nonces
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Enterprise Forms & Валидация

React Hook Form v7+, React 19 useActionState, схемы Zod vs Valibot, матричные формы useFieldArray, визарды и доступность (a11y)

Ключевые статьи темы:
01Интеграция React Hook Form v7+ с React 19: useActionState, Server Actions и изолированный рендеринг
02Архитектура валидации схем: Zod vs Valibot vs TypeBox — размер бандла, JIT-компиляция и типизация
03Сложные матричные формы и табличные редакторы: useFieldArray, динамические строки и изоляция рендера
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Node Graphs, Flow & Canvas

React Flow (@xyflow/react), алгоритмы авто-раскладки Dagre/Elkjs, рендеринг 10 000+ узлов, Infinite Canvas и совместный CRDT Yjs

Ключевые статьи темы:
01Архитектура React Flow (@xyflow/react): кастомные узлы, порты (Handles), ребра и вложенные подграфы
02Алгоритмы автоматической раскладки графов: Dagre, Elkjs и силовые графы (Force-Directed) в Web Workers
03Экстремальная производительность графов: рендеринг 10 000+ узлов, Viewport Culling, Canvas-оверлеи и LOD
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Audio, Video & WebRTC Стриминг

Web Audio API и Audio Worklets, кастомный HLS/DASH видеоплеер, WebRTC SFU конференции, WebCodecs и голосовые AI-ассистенты с VAD

Ключевые статьи темы:
01Web Audio API в React: создание графов AudioContext, кастомные Audio Worklets и спектральные визуализаторы
02Архитектура кастомного видеоплеера: адаптивный стриминг HLS.js / DASH, буферизация и Media Session API
03WebRTC в React: пиринговые соединения, интеграция с SFU (LiveKit/Mediasoup), управление медиатреками и сбоями
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Продвинутый 3D, Шейдеры & Физика

Кастомные GLSL шейдеры в R3F, конвейер пост-процессинга, физика Rapier 3D, InstancedMesh для 50 000+ объектов и Spatial WebXR

Ключевые статьи темы:
01Написание кастомных GLSL шейдеров в R3F: Vertex & Fragment шейдеры, Uniforms и процедурные материалы
02Пост-процессинг в React Three Fiber: конвейер эффектов Bloom, SSAO, Depth of Field и кастомные шейдерные пассы
03Физика в 3D с @react-three/rapier: твердые тела (RigidBody), коллайдеры, шарниры, гравитация и Raycasting
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков
5 уроков

Staff Engineer: React Compiler & AST

Внутренности React Compiler (HIR/SSA), кастомные правила ESLint и плагины SWC/Babel, кодмоды jscodeshift и WASM песочницы

Ключевые статьи темы:
01Внутреннее устройство React Compiler: форма SSA, High-Level Intermediate Representation (HIR) и мемоизация
02Разработка кастомных ESLint правил для React 19: парсинг AST через @typescript-eslint/parser и автофиксы
03Написание плагинов для SWC (Rust) и Babel: трансформация JSX, инъекция телеметрии и оптимизация импортов
+ еще 2 статьи в теме
Прогресс темы0% (0/5)
Перейти к списку уроков