[Дмитрий Лаврик] React Level 2 (2023)

[Дмитрий Лаврик] React Level 2 (2023)

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

Новый курс 2023 года!

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