Войти
Курс
·
Онлайн
·
Дата старта будет объявлена позже
·
Набор закрыт

REACT. БАЗА

Компоненты, рендеринг, управление
состоянием —
освойте разработку интерактивных и масштабируемых
веб-приложений на самом популярном
UI-фреймворке
Обучение в удобное время. 3 месяца от 16 часов в неделю
Бесплатный доступ к обучающим материалам и учебным чатам
Подойдёт тем, кто уже освоил JavaScript
Учат опытные разработчики Wildberries
Лучших позовем в команду
Научитесь создавать компоненты и собирать из них приложения
Освоите JSX и Virtual DOM, научитесь описывать логику работы компонентов с помощью хуков и изолировать стили с помощью CSS Modules
Контролиров­ать поведение компонентов
Научитесь обрабатывать события, управлять жизненным циклом компонентов, работать с внешними данными по HTTP
Продвинуто управлять состоянием приложения
Передавать и обрабатывать пропсы, управлять глобальным состоянием с помощью Context API, создавать сторы и редьюсеры Redux
Применять современные инструменты
TypeScript,
React Router,
Vite,
Next.js,
Redux

три месяца
четыр­надцать модулей

Знакомство
с TypeScript1 уровень

Введение

Установка

Первая программа на TypeScript

Конфигурационный файл tsconfig.json

Явная и неявная типизация переменных

Тип any

Типизация функций

Интерфейсы

Объединение и пересечение типов

Классы

Literal types

Generics, Array

Record и другие полезные типы

Экзамен

React. Краткий обзор библиотеки2 уровень

Основные особенности

Компоненты

Virtual DOM vs. реальный DOM

Создание нового проекта

Сборка проекта и запуск

Входная точка и структура проекта

JSX, шаблонизация, рендеринг элементов3 уровень

Основы JSX

Особенности и ограничения JSX

Отличия от традиционных шаблонизаторов

React без JSX

Экзамен

Компоненты, их состояние и жизненный цикл4 уровень

Функциональные компоненты

Передача и обработка пропсов. Props

Состояние компонента

Основы обновления состояния

Жизненный цикл компонента

StrictMode

Обработка событий5 уровень

События и их обработка

Синтетические события

Обработка событий ввода в формах

Экзамен

React Hooks6 уровень

React Hooks

Хук useEffect

Очистка эффектов

Экзамен

Refs7 уровень

Создание и использование ref

Отличия ref от state

Контроль формы с помощью ref

ForwardRef

Экзамен

Оптимизация производитель­ности.
useMemo, useCallback, React.memo8 уровень

Проблемы производительности

Хуки useMemo и useCallback

Мемоизация компонентов. React.memo

Рендеринг списков, работа с key и Fragment

Динамическая загрузка компонентов

Экзамен

Создание
кастомных
хуков9 уровень

Разделение логики

Правила создания хуков

React.Context10 уровень

Зачем нужны контексты

Создание и использование контекста

Экзамен

Управление состоянием приложения. State management11 уровень

Основные понятия

Хук useReducer для сложных состояний

Redux

Data-fetching

Экзамен

Маршрути­зация. React Router12 уровень

Установка и настройка

Конфигурация маршрутов

Переходы между страницами

Динамические маршруты

Передача параметров через URL

Экзамен

CSS Modules13 уровень

Проблемы изоляции компонентов

Модульный CSS

Альтернативные решения. Styled Components, Emotion

Метафрейм­ворки, Next.js, SSR14 уровень

Метафреймворки

Создание проекта на Next.js

Серверный рендеринг

Итоговый проектПрактика

Сделаете проект, используя реальные данные маркетплейса

Трудо­устройство

Лучших студентов пригласим на собеседование в команду Wildberries

выпускников работают
в Wildberries

Подойдет
тем, кто 
освоил JavaScript

Для кого

Студентам технических и смежных специальностей, начинающим
IT-специалистам.

Требуемые знания

Знание JavaScript, основы работы с Git.

Будет плюсом

Собственные pet-projects, пройденные it-курсы, участие в соревнованиях и хакатонах.

Опыт работы в команде и стремление сделать полезные для бизнеса и пользователей решения.

Подайте заявку, пройдите тест и начните курс

1.
Дождитесь начала набора и подайте заявку. С вами свяжется HR-менеджер.
2.
Пройдите тест на знание
JavaScript.
3.
Созвонитесь с HR, чтобы узнать о компании и дальнейших шагах.
4.
Получите доступ к образовательной платформе и начните учиться.

учит опытный специалист

Дмитрий ТертышниковFrontend-разработчик, Wildberries
Полная удалёнка или нужно приходить в офис?
Школа даст оборудование
для обучения?
Проходил обучение в WB Техношколе,
но не закончил, могу ли пройти повторно?
Кому задавать вопросы по заданиям?
За что могут отчислить из WB Техношколы?