Цель курса
Рассмотреть решение главных задач, возникающих при создании 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 любого сервиса