[Дмитрий Лаврик] React Level 2 (2023)
Практический курс по разработке SPA от Дмитрия Лаврика - React Level 2.
Новый курс 2023 года!
Цель курса:
Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, Server Side Rendering, тестирование кода и т.п.
Для продуктивного участия желательно прохождение базового курса по React. Однако, если вы уже знакомы с основами, можно начинать с текущей ступени.
Программа курса:
Урок 1.
Практический курс по разработке SPA от Дмитрия Лаврика - React Level 2.
Новый курс 2023 года!
Цель курса:
Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, Server Side Rendering, тестирование кода и т.п.
Для продуктивного участия желательно прохождение базового курса по React. Однако, если вы уже знакомы с основами, можно начинать с текущей ступени.
Программа курса:
Урок 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 для страниц
- Кэширование страниц
- Основы работы с vitest
- jsdom + @ Testing- library/react
- Тестирование компонентов
- Тестирование хранилища
- End 2 end тесты
- Написанное на typescript
- С адекватной архитектурой
- С простым и ненапряжным SSR
- Готовое к тестированию
- Позволяющее внедрить mock любого сервиса
Скрытое содержимое. Вам нужно войти или зарегистрироваться.
Скачать: Скрытое содержимое. Вам нужно войти или зарегистрироваться.