Перейти к содержимому

Каталог курсов

Приложения на React

Создавайте доступные интерфейсы с состоянием на настоящих React и TypeScript.

Пишите и запускайте настоящий JSX и TSX с React 19 фиксированной версии в офлайн-песочнице Koda. Создавайте типизированные компоненты, сочетайте пропсы и children, управляйте состоянием и контролируемыми формами, разбирайтесь в эффектах и устаревших данных, стройте маршрутизацию на истории браузера и проверяйте поведение с помощью проверок DOM. Три исполняемых проекта завершаются доступным клиентом доски задач с правилами владения и самостоятельным режимом для портфолио.

Начните с бесплатного урокаСравнить все тарифы

Программа курса

  1. Раздел 1

    Компоненты и пропсы

    Описывайте интерфейс с помощью типизированных компонентов, композиции, стабильных ключей и доступной семантической разметки.

    1. Ваш первый настоящий компонент
    2. JSX описывает интерфейс
    3. Типизированные пропсы — контракт
    4. Композиция через children
    5. Списки, ключи и семантика

  2. Раздел 2

    Состояние, события и формы

    Моделируйте взаимодействия с помощью снимков состояния, обработчиков событий, контролируемого ввода и вычисляемых значений.

    1. Состояние — это снимок
    2. События выражают намерение
    3. Контролируемые формы
    4. Вычисляйте, не дублируйте

  3. Раздел 3

    Эффекты, данные и восстановление

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

    1. Эффекты связывают React с внешним миром
    2. Зависимости и очистка
    3. Каждое состояние данных — часть интерфейса
    4. Останавливаем устаревшие ответы
    5. Восстановление после ошибок рендеринга

  4. Раздел 4

    Маршрутизация, тесты и доставка

    Создавайте макеты с навигацией, проверяйте видимое поведение и обоснованно выбирайте состав бандла.

    1. Маршрутизация через историю браузера
    2. Общий макет и страница «Не найдено»
    3. Проверяем видимое поведение
    4. Бандл и доставка: взвешенный выбор
    5. Границы сервера, клиента и потоковой передачи
    6. Actions и оптимистичный интерфейс

Учебные треки

Фулстек-разработчик

Создайте протестированное фулстек-приложение на React и поделитесь им: интерфейс, доступный всем, данные, видимые только владельцу, API с чёткими ограничениями, корректные обновления в реальном времени и развёртывания с возможностью отката.

Курсов в программе: 14

Оживите свою идею. Начните за 60 секунд.

7 дней бесплатно на любом тарифе для новых участников · Отмена в любой момент

Начать

К курсам