Чему вы научитесь
- Понимать, как работает 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 Exclusive — это не курс «нажми на кнопку и получишь хук». Это глубокое погружение в современный React с TypeScript и реальными сценариями. Мы не будем писать todo-лист на пятом уроке. Вместо этого — разбор архитектуры, антипаттернов, оптимизации, тестирования и деплоя. Вы узнаете, почему не стоит вызывать хук в условии, как не убить производительность через useMemo и когда вместо Redux взять Context или Zustand. Курс построен на практических проектах (доска задач, интернет-магазин, дашборд с API), которые после рефакторинга можно показывать на собеседованиях. «Exclusive» — потому что здесь нет воды для начинающих. Только то, что реально нужно разработчику уровня middle.
Для кого этот курс
Начальные требования
-
Твёрдый JavaScript (ES6+: стрелочные функции, деструктуризация, спред/рест, промисы, async/await)
-
Понимание TypeScript на базовом уровне (типы, интерфейсы, generics — хотя бы на уровне «не паникую при виде : string»)
-
Базовый HTML и CSS (достаточно, чтобы сверстать простую карточку)
-
Знание, что такое DOM и как работают события в браузере
-
Установленный Node.js и VS Code
Наши преподаватели
Программа курса
Что вы получаете
- Полный разбор всех хуков (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 и как их исправить»
- Уверенность, что вы спроектируете приложение, которое не надо переписывать через полгода