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

[Брат Тук]

Автор: Дмитрий Лаврик
Название: React Level 2 (2023)

Описание:

Практический курс по разработке SPA от Дмитрия Лаврика - React Level 2.

Новый курс 2023 года!

Цель курса

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

5 октября, 20:00 — урок 8

• Основы работы с vitest
• jsdom + @testing-library/react
• Тестирование компонентов
• Тестирование хранилища
• End 2 end тесты

В итоге мы создадим простое SPA, зато

• Написанное на typescript
• С адекватной архитектурой
• С простым и ненапряжным SSR
• Готовое к тестированию
• Позволяющее внедрить mock любого сервиса

Подробнее:

Скачать: