Новый курс 2023 года!
Цель курса:
Рассмотреть решение главных задач, возникающих при создании 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 для страниц
- Кэширование страниц
5 октября, 20:00 — урок 8
- Основы работы с vitest
- jsdom + @Testing-library/react
- Тестирование компонентов
- Тестирование хранилища
- End 2 end тесты
В итоге мы создадим простое SPA, зато
- Написанное на typescript
- С адекватной архитектурой
- С простым и ненапряжным SSR
- Готовое к тестированию
- Позволяющее внедрить mock любого сервиса.
Что я получу после оплаты? Как выглядит слитый курс?
