О чём курс

Для создания полноценного SPA недостаточно знать основы React — здесь разбирают, как превратить учебные наработки в профессиональную архитектуру, готовую к масштабированию и SSR. В основе курса лежит переход от простых компонентов к сложным системам на TypeScript с использованием MobX и Vite. Вы разберете, как настраивать серверный рендеринг (SSR) на Node.js и Express, внедрять глобальную обработку ошибок и обеспечивать тотальную типизацию всего проекта. Особое внимание уделено автоматизации проверки кода через Vitest, jsdom и E2E-тесты. Курс рассчитан на тех, кто знаком с базовым синтаксисом React и хочет перейти к профессиональной разработке фронтенд-приложений.

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

  • Урок 1
    • Анализ SPA после React Level 1
    • Улучшение архитектуры приложения
    • Борьба с модулями-синглтонами
    • Выделение ключевых сервисов
    • Взаимодействие частей системы
  • Урок 2
    • Удобная работа с http (axios | fetch)
    • Глобальная обработка http-ошибок
    • Отображение http-ошибок и fallback-данные
    • Нюансы работы с React Context
    • Адекватное внедрение зависимостей
  • Дополнительный урок
    • Минимальные основы TypeScript
    • Использование TypeScript с React
    • Типизация компонентов и хуков
    • Типизация хранилища mobx
  • Урок 3
    • Тотальная типизация SPA
    • TypeScript: простые и жёсткие примеры
    • Создание ключевых хуков
    • Нюансы работы с Mobx
    • Создание обёртки над React Router Dom
  • Урок 4
    • Улучшение тренировочного SPA
    • Изучение серверного API
    • Работа с авторизацией
    • Создание модуля store user
    • Создание закрытых страниц
  • Урок 5
    • Идеи Server Side Rendering
    • Сервер на node.js + express
    • SSR шаг за шагом на простом примере
    • Client и server entries
    • Настройка vite config
  • Урок 6
    • SSR в более сложном SPA
    • Работа с роутером и хранилищем
    • Проблема асинхронных компонентов
    • Гидратация клиентской части
    • Наполнение базового шаблона
  • Урок 7
    • Схемы дополнительной оптимизации
    • Настройка кода ответа сервера
    • Предзагрузка данных и состояния
    • Выборочный SSR для страниц
    • Кэширование страниц
  • Урок 8
    • Основы работы с vitest
    • jsdom + @Testing-library/react
    • Тестирование компонентов
    • Тестирование хранилища
    • End 2 end тесты
Складчина создана 17 августа 2023 г. · описание обновлено 23 марта 2026 г.

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

ДЛ Дмитрий Лаврик Все материалы
600 ₽ 12 600 ₽