Описание

Практический курс по разработке SPA от Дмитрия Лаврика – React Level 2.

Цель курса:
Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, Server Side Rendering, тестирование кода и т.п.
Для продуктивного участия желательно прохождение базового курса по 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 тесты

В итоге мы создадим простое SPA, зато

• Написанное на typescript
• С адекватной архитектурой
• С простым и ненапряжным SSR
• Готовое к тестированию
• Позволяющее внедрить mock любого сервиса