[Kobezzza] React под капотом (Андрей Кобец)

​

Привет, инженер! Да, ты не ослышался, готовлю для тебя интенсив по 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)
• Слоистая и гексогональная архитектура

Продажник
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...