[Дмитрий Лаврик] React Level 2 (2023)
![[Дмитрий Лаврик] React Level 2 (2023)](/styles/image/image_topic/topic_681dfc84deacf.png)
[Дмитрий Лаврик] React Level 2 (2023)
Практический курс по разработке 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 любого сервиса
Практический курс по разработке 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 любого сервиса
Комментарии 0