React. Разработка сложных клиентских приложений

18 участников

О чём курс

Вам нужен проект уровня реальной индустрии для портфолио — здесь вы построите сложное React-приложение, которое учитывает стандарты разработки крупных компаний. Основной акцент сделан на типизации с TypeScript, архитектурных паттернах и настройке асинхронного взаимодействия с сервером. Внутри разбирается интеграция Redux Toolkit, React Router и написание unit-тестов для компонентов. Обучение ориентировано на практику: от настройки окружения через Vite до оптимизации производительности готового интерфейса. После завершения вы будете готовы к задачам уровня middle-разработчика, умея проектировать масштабируемую архитектуру SPA.

Программа обучения

  • Раздел 1. Знакомство с TypeScript
    • Что такое TypeScript и решаемые задачи
    • Система типов и процесс типизации
    • Конфигурация компилятора
    • Написание типизированного кода (кортежи, интерфейсы, дженерики)
  • Раздел 2. React
    • Основы библиотеки React
    • Подготовка проекта с Vite
    • Шаблоны для Vite
    • JSX, компоненты и передача данных
  • Раздел 3. Маршрутизация (React Router)
    • Организация маршрутизации в SPA
    • Маршруты, перенаправления и приватные маршруты
  • Раздел 4. React-компоненты. Hooks
    • Управление состоянием, события и методы жизненного цикла
    • React Hooks и отказ от классовых компонентов
    • Работа с формами
  • Раздел 5. React и паттерны
    • Проектирование архитектуры ПО
    • Применение паттернов проектирования
  • Раздел 6. Управление состоянием. Redux
    • Flux-архитектура: действия, диспетчеры, представления и хранилища
    • Подключение Redux и обновление кодовой базы
  • Раздел 7. Асинхронность в Redux
    • Внедрение асинхронного кода через Middleware
    • Взаимодействие с сервером через Axios
    • Работа с интерцепторами
  • Раздел 8. Оптимизация производительности
    • Особенности производительности React-приложений
    • Оптимизация проектирования компонентов
    • Использование Redux Toolkit для сокращения шаблонного кода
  • Раздел 9. Тестирование React
    • Инструменты и методики тестирования
    • Настройка инфраструктуры тестирования
    • Написание тестов для компонентов
Складчина создана 10 марта 2023 г. · описание обновлено 23 марта 2026 г.

Другие материалы школы 12

HA HTML Academy Все материалы
1 504 ₽ 12 000 ₽