​

Цель курса

Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, Server Side Rendering, тестирование кода и т.п.

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

Программа курса
Программа примерная, возможны перестановки тем по урокам.

Программа курса
7 сентября, 20:00 — урок 1

• Анализ SPA после React Level 1
• Улучшение архитектуры приложения
• Борьба в модулями-синглтонами
• Выделение ключевых сервисов
• Взаимодействие частей системы

11 сентября, 20:00 — урок 2

• Удобная работа с http (axios | fetch)
• Глобальная обработка http-ошибок
• Отображение http-ошибок и fallback-данные
• Нюансы работы с React Context
• Адекватное внедрение зависимостей

13 сентября, 20:00 — по желанию

• Дополнительный бесплатный урок
• Минимальные основы TypeScript
• Использование TypeScript с React
• Типизация компонентов и хуков
• Типизация хранилища mobx

14 сентября, 20:00 — урок 3

• Тотальная типизация SPA
• TypeScript: простые и жёсткие примеры
• Создание ключевых хуков
• Нюансы работы с Mobx
• Создание обёртки над React Router Dom

18 сентября, 20:00 — урок 4

• Улучшение тренировочного SPA
• Изучение серверного API
• Работа с авторизацией
• Создание модуля store user
• Создание закрытых страниц

25 сентября, 20:00 — урок 5

• Идеи Server Side Rendering
• Сервер на node.js + express
• SSR шаг за шагом на простом примере
• Client и server entries
• Настройка vite config

28 сентября, 20:00 — урок 6

• SSR в более сложном SPA
• Работа с роутером и хранилищем
• Проблема асинхронных компонентов
• Гидратация клиентской части
• Наполнение базового шаблона

2 октября, 20:00 — урок 7

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