LiveInternet

Цель курса: Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, Server Side Rendering, тестирование кода и т.п.

Программа курса

урок 1
Анализ SPA после React Level 1
Улучшение архитектуры приложения
Борьба в модулями-синглтонами
Выделение ключевых сервисов
Взаимодействие частей системы

урок 2
Удобная работа с http (axios | fetch)
Глобальная обработка http-ошибок
Отображение http-ошибок и fallback-данные
Нюансы работы с React Context
Адекватное внедрение зависимостей

урок 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 любого сервиса

Информация о видео
Название: React Level 2. Практический курс по разработке SPA
Автор: Дмитрий Лаврик
Год выхода: 2023
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия
Продолжительность: 22:38:15

Файл
Формат: MP4 (+доп.файлы)
Видео: AVC, 1920x1080, ~315 Kbps
Аудио: AAC, 128 Kbps, 48.0 KHz
Размер файла: 4.58 Gb