Чему вы научитесь
- Понимать, как работает Virtual DOM и почему React такой быстрый
- Настраивать окружение с Vite, TypeScript и ESLint (не только create-react-app)
- Писать декларативный JSX без ошибок и с пониманием границ
- Создавать чистые функциональные компоненты и типизировать Props
- Рендерить списки с правильными ключами
- Управлять состоянием через useState и поднимать его (Lifting State Up)
- Работать с формами: управляемые и неуправляемые компоненты
- Использовать useEffect для синхронизации с внешним миром (API, DOM, таймеры)
- Убирать эффекты при размонтировании (cleanup)
- Не попадать в бесконечные циклы из-за зависимостей
- Применять useRef для работы с DOM и хранения мутабельных значений
- Мемоизировать вычисления через useMemo и стабилизировать функции через useCallback
- Писать свои хуки и переиспользовать логику
- Управлять глобальным состоянием через Context API и Redux Toolkit (включая асинхронные действия)
- Настраивать маршрутизацию с React Router (включая ленивую загрузку)
- Ходить на API через Fetch, Axios и RTK Query (с кэшированием)
- Стилизовать компоненты с помощью CSS-модулей и CSS-in-JS
- Тестировать компоненты и интеграционные сценарии
- Собрать проект в продакшен и задеплоить на Vercel / в Docker
О курсе
React — это не просто библиотека, это экосистема. Курс для тех, кто хочет не «понять основы», а реально освоить современный React: функциональные компоненты, хуки (useState, useEffect, useRef, useMemo, useCallback), мемоизацию, Context API, Redux Toolkit, React Router, работу с API (Axios, RTK Query), стилизацию (CSS-модули, Styled Components), тестирование (Vitest, Testing Library) и деплой. TypeScript, Vite, ESLint — с первой темы. После курса вы сможете строить полноценные SPA-приложения, которые не разв
Для кого этот курс
React-разработчики с 6–12 месяцами опыта, которые пишут компоненты, но не понимают глубоко useEffect и оптимизацию
Те, кто учил React по старой документации с классовыми компонентами и хочет перейти на функциональный стиль с хуками
Фронтендеры с других фреймворков (Angular, Vue), переходящие на React
Разработчики, которые хотят пройти собеседование на позицию React Middle
Все, кто использует React как «jQuery на стероидах» и чувствует, что код начинает разваливаться
Начальные требования
-
Твёрдый JavaScript (ES6+: стрелочные функции, деструктуризация, спред/рест, промисы, async/await)
-
Понимание TypeScript на базовом уровне (типы, интерфейсы, generics — хотя бы на уровне «не паникую при виде : string»)
-
Базовый HTML и CSS (достаточно, чтобы сверстать простую карточку)
-
Знание, что такое DOM и как работают события в браузере
-
Установленный Node.js и VS Code
Преподаватели курса
45 549
Что вы получите
- Полный разбор всех хуков (useState, useEffect, useRef, useMemo, useCallback, useContext, useReducer)
- Готовый шаблон проекта с Vite + TypeScript + ESLint + Prettier
- Архитектурные паттерны: как не складывать всё в кучу, а разделять логику и представление
- Свои кастомные хуки (useLocalStorage, useDebounce, useThrottle, useFetch)
- Работа с Redux Toolkit на реальных слайсах и асинхронных thunk
- RTK Query для кэширования и оптимистичных обновлений
- Тесты на компоненты и асинхронные запросы (Vitest + Testing Library + MSW)
- Скрипты для сборки и деплоя на Vercel и в Docker
- Шпаргалка «50 самых частых ошибок в React и как их исправить»
- Уверенность, что вы спроектируете приложение, которое не надо переписывать через полгода