React. База
Компоненты, рендеринг, управление
состоянием —
освойте разработку интерактивных и масштабируемых
веб‑приложений на самом популярном
UI‑фреймворке
состоянием —
освойте разработку интерактивных и масштабируемых
веб‑приложений на самом популярном
UI‑фреймворке

// 01Научитесь создавать компоненты и собирать из них приложения
// 02Контролировать поведение компонентов
// 03Продвинуто управлять состоянием приложения
// 04Применять современные инструменты
Помогаем выпускникам найти работу

Помогаем выпускникам устроиться — в Wildberries и другие компании
Студенты попадают в кадровый резерв или проходят стажировку в компании. Это возможность стать частью экосистемы, которая создаёт сервисы для миллионов людей — от онлайн-торговли до логистики и доставки.
Сообщество Техношколы — ваш социальный лифт в IT. Сегодня вы обсуждаете задания, завтра делаете совместный проект.Опыт и поддержка единомышленников помогут быстрее освоить профессию и начать карьеру.
Три месяца, четырнадцать модулей
После завершения курса вы получите официальный документ и подтверждение практических навыков
<< 1 Уровень >>
Знакомство с TypeScript
Введение
Установка
Первая программа на TypeScript
Конфигурационный файл tsconfig.json
Явная и неявная типизация переменных
Тип any
Типизация функций
Интерфейсы
Объединение и пересечение типов
Классы
Literal types
Generics, Array
Record и другие полезные типы
Экзамен
<< 2 Уровень >>
React. Краткий обзор библиотеки
Основные особенности
Компоненты
Virtual DOM vs. реальный DOM
Создание нового проекта
Сборка проекта и запуск
Входная точка и структура проекта
<< 3 Уровень >>
JSX, шаблонизация, рендеринг элементов
Основы JSX
Особенности и ограничения JSX
Отличия от традиционных шаблонизаторов
React без JSX
Экзамен
<< 4 Уровень >>
Компоненты, их состояние и жизненный цикл
Функциональные компоненты
Передача и обработка пропсов. Props
Состояние компонента
Основы обновления состояния
Жизненный цикл компонента
StrictMode
<< 5 Уровень >>
Обработка событий
События и их обработка
Синтетические события
Обработка событий ввода в формах
Экзамен
<< 6 Уровень >>
React Hooks
React Hooks
Хук useEffect
Очистка эффектов
Экзамен
<< 7 Уровень >>
Refs
Создание и использование ref
Отличия ref от state
Контроль формы с помощью ref
ForwardRef
Экзамен
<< 8 Уровень >>
Оптимизация производительности.
useMemo, useCallback, React.memo
Проблемы производительности
Хуки useMemo и useCallback
Мемоизация компонентов. React.memo
Рендеринг списков, работа с key и Fragment
Динамическая загрузка компонентов
Экзамен
<< 9 Уровень >>
Создание
кастомных
хуков
Разделение логики
Правила создания хуков
<< 10 Уровень >>
React.Context
Зачем нужны контексты
Создание и использование контекста
Экзамен
<< 11 Уровень >>
Управление состоянием приложения. State management
Основные понятия
Хук useReducer для сложных состояний
Redux
Data‑fetching
Экзамен
<< 12 Уровень >>
Маршрутизация. React Router
Установка и настройка
Конфигурация маршрутов
Переходы между страницами
Динамические маршруты
Передача параметров через URL
Экзамен
<< 13 Уровень >>
CSS Modules
Проблемы изоляции компонентов
Модульный CSS
Альтернативные решения. Styled Components, Emotion
<< 14 Уровень >>
Метафреймворки, Next.js, SSR
Метафреймворки
Создание проекта на Next.js
Серверный рендеринг
Учит опытный специалист
Преподаватели делятся опытом реальных проектов для миллионов пользователей и показывают, как устроена работа внутри индустрии. Вместо теории — практические подходы с которыми работают современные команды
Подайте заявку, пройдите тест и начните курс
1
Дождитесь начала набора и подайте заявку. С вами свяжется HR‑менеджер.
2
Пройдите тест на знание Python,
математики, ML и DL‑алгоритмов.
3
Созвонитесь с HR, чтобы узнать о компании и дальнейших шагах.
4
Начните обучение, если прошли отбор и готовы приступить.
Ответы на вопросы об обучении

Сколько времени нужно уделять обучению?
Как проходит обучение?
Сколько длится курс?
Можно совмещать с учебой
или работой?
Как проходит обучение в WB Техношколе?
Сколько длится курс?
Сколько времени нужно уделять обучению?
Полная удалёнка или нужно приходить в офис?
Школа даст оборудование для обучения?
Проходил обучение в WB Техношколе, но не закончил, могу ли пройти повторно?
Кому задавать вопросы по заданиям?
За что могут отчислить из WB Техношколы?
Бесплатно
React. База
Компоненты, рендеринг, управление
состоянием —
освойте разработку интерактивных и масштабируемых
веб‑приложений на самом популярном
UI‑фреймворке
состоянием —
освойте разработку интерактивных и масштабируемых
веб‑приложений на самом популярном
UI‑фреймворке
Наборзакрыт