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

[Odyvanchik]

[Дмитрий Лаврик] 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 любого сервиса



—————————————————————————

🔗 Продажник:

📥 СКАЧАТЬ КУРС:

Для просмотра содержимого вам необходимо Войти или Зарегистрироваться.

🔐 Хотите получить доступ?

Чтобы увидеть скрытые ссылки и ставить лайки, активируйте VIP-статус.

💎 ПОЛУЧИТЬ ДОСТУП Наш Telegram канал