← Все навыки

React

React для разработчиков с коммерческим опытом: от основ до механики «под капотом» и тем, на которых проверяют глубину

5 модулей, 19 лекций Junior+ / Middle Индивидуально с ментором

Для кого этот курс

  • Вы джун или мидл с коммерческим опытом на React и целитесь в бигтех или на грейд выше
  • Хуки применяете уверенно, но вопросы «почему компонент перерендерился» и «зачем нужен key» ставят в тупик
  • Готовитесь к собеседованиям и хотите идти по тому, что спрашивают, а не по оглавлению документации

На входе нужен опыт на JavaScript и React и уверенный JS-фундамент — замыкания, event loop, промисы, this и прототипы. Синтаксис с нуля здесь не разбирается: фундамент лежит в курсе «JavaScript Core», сам язык типов — в курсе «TypeScript», серверный рендеринг — в курсе «Next.js и серверный рендеринг».

Программа

Модуль 1. Основы React

База, на которой держатся ответы про React
  • Компоненты и JSX: во что компилируется разметка
  • Props, state и однонаправленный поток данных
  • Условный рендеринг, списки и keys
  • События

Модуль 2. Хуки и формы

Хуки как система, а не набор рецептов
  • useState и useEffect: состояние и побочные эффекты
  • useRef, useContext, useReducer
  • Кастомные хуки и правила хуков
  • Формы: контролируемые и неконтролируемые инпуты, React Hook Form

Модуль 3. React под капотом

Здесь интервьюер выясняет, пользуетесь вы React или понимаете его
  • Virtual DOM, reconciliation и Fiber
  • Ререндеры: триггеры, лавина от родителя, батчинг
  • Мемоизация: useMemo, useCallback, React.memo и React Compiler
  • Suspense и конкурентный React

Модуль 4. Данные, сеть и роутинг

Как приложение общается с миром
  • React Router: маршруты, вложенность, защищённые роуты и клиентская аутентификация
  • Запросы: fetch и axios, обработка ошибок, отмена, гонки
  • Серверный стейт: TanStack Query
  • React 19: use, Actions и оптимистичные обновления

Модуль 5. Качество кода: типизация, ошибки и тесты

Что отличает инженера от «пишущего компоненты»
  • Типизация React-кода: пропсы, хуки, события, Zod
  • Error Boundaries и мониторинг ошибок
  • Тестирование: Vitest, Jest и React Testing Library

Вопросы с собеседований

Разбор вопросов по всем темам курса
  • Вопросы по каждой теме курса с эталонными ответами
  • Формулировки уровня Junior+, Middle и Senior

Чем курс отличается

Собран на 40 расшифровках реальных занятий менторов: мок-интервью, разборы, менторские серии — каждый технический факт сверен с документацией React, TypeScript и MDN

  • К каждой лекции — практика и квиз: снипеты «что выведет код», отладка, каверзные вопросы с разборами
  • Практика собрана из задач с собеседований, а не из упражнений на закрепление
  • Тренируем устный жанр: сначала формулируете ответ вслух, потом открываете разбор