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 любого сервиса
Практический курс по разработке 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 любого сервиса
Скрытое содержимое могут видеть только пользователи групп(ы): VIP