React Level 2
О чём курс
Для создания полноценного SPA недостаточно знать основы React — здесь разбирают, как превратить учебные наработки в профессиональную архитектуру, готовую к масштабированию и SSR. В основе курса лежит переход от простых компонентов к сложным системам на TypeScript с использованием MobX и Vite. Вы разберете, как настраивать серверный рендеринг (SSR) на Node.js и Express, внедрять глобальную обработку ошибок и обеспечивать тотальную типизацию всего проекта. Особое внимание уделено автоматизации проверки кода через Vitest, jsdom и E2E-тесты. Курс рассчитан на тех, кто знаком с базовым синтаксисом 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 тесты
Другие материалы автора 12
ДЛ Дмитрий Лаврик Все материалыОтзывов пока нет. Будьте первым!
Это не розничная цена — это ваш взнос в складчину. Мы собираем группу участников и делим между ними стоимость официального доступа: каждый платит только свою долю, а получает весь материал. Чем больше участников, тем меньше взнос. После того как сумма собрана, мы оформляем официальный доступ и раздаём материалы всем, кто участвовал.
Нажмите кнопку «Получить доступ» на этой странице и следуйте инструкциям. Вас переведёт на форму оплаты — доступны все современные способы (карта, СБП, электронные кошельки). После оплаты на почту придёт письмо с доступом: материалы выдаются в разделе «Мои складчины» на нашем основном сайте skladchik.org. Учтите: в России skladchik.org открывается только через ускоритель интернета (VPN) — настроить его можно за пару минут по инструкции на skladchik-kak-voiti.online.
Да, конечно. Все материалы — видео, PDF, дополнительные файлы — можно скачать к себе на компьютер и пользоваться ими сколько угодно, без ограничений по времени. Ссылки остаются активными в вашей библиотеке «Мои складчины».