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

325

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