Программирование [Дмитрий Лаврик] React Level 2 (2023)

tttx

Помощник Администратора
Команда форума
Регистрация
27 Авг 2018
Сообщения
37,317
Реакции
524,369
X-76llDzQs62v3z5Fl_vFg.png

ОПИСАНИЕ:

Практический курс по разработке 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 любого сервиса
ПРОДАЖНИК:

СКАЧАТЬ:
 

Обратите внимание

Назад
Сверху