- #SkladchinaVip
- #1
React Level 2 [Дмитрий Лаврик]
- Ссылка на картинку
-
Цель курса
Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, Server Side Rendering, тестирование кода и т.п.
Для продуктивного участия желательно прохождение базового курса по React. Однако, если вы уже знакомы с основами, можно начинать с текущей ступени.
Программа курса
Программа примерная, возможны перестановки тем по урокам.
Программа курса
7 сентября, 20:00 — урок 1
Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, Server Side Rendering, тестирование кода и т.п.
Для продуктивного участия желательно прохождение базового курса по React. Однако, если вы уже знакомы с основами, можно начинать с текущей ступени.
Программа курса
Программа примерная, возможны перестановки тем по урокам.
Программа курса
7 сентября, 20:00 — урок 1
- Анализ SPA после React Level 1
- Улучшение архитектуры приложения
- Борьба в модулями-синглтонами
- Выделение ключевых сервисов
- Взаимодействие частей системы
- Удобная работа с http (axios | fetch)
- Глобальная обработка http-ошибок
- Отображение http-ошибок и fallback-данные
- Нюансы работы с React Context
- Адекватное внедрение зависимостей
- Дополнительный бесплатный урок
- Минимальные основы TypeScript
- Использование TypeScript с React
- Типизация компонентов и хуков
- Типизация хранилища mobx
- Тотальная типизация SPA
- TypeScript: простые и жёсткие примеры
- Создание ключевых хуков
- Нюансы работы с Mobx
- Создание обёртки над React Router Dom
- Улучшение тренировочного SPA
- Изучение серверного API
- Работа с авторизацией
- Создание модуля store user
- Создание закрытых страниц
- Идеи Server Side Rendering
- Сервер на node.js + express
- SSR шаг за шагом на простом примере
- Client и server entries
- Настройка vite config
- SSR в более сложном SPA
- Работа с роутером и хранилищем
- Проблема асинхронных компонентов
- Гидратация клиентской части
- Наполнение базового шаблона
- Схемы
дополнительной оптимизации - Настройка кода ответа сервера
- Предзагрузка данных и состояния
- Выборочный SSR для страниц
- Кэширование страниц
- В итоге мы создадим простое SPA, зато
- Написанное на typescript
- С адекватной архитектурой
- С простым и ненапряжным SSR
- Готовое к тестированию
- Позволяющее внедрить mock любого сервиса
Показать больше