phone_picture

Цель курса

Рассмотреть решение главных задач, возникающих при создании Single Page Application, таких как построение архитектуры приложения, удобная обработка ошибок, создание ключевых хуков, упрощённый server side rendrering, работа с авторизацией и т.п.

Для продуктивного участия желательно прохождение базового курса по React. Однако, если вы уже знакомы с основами, можно начинать с текущей ступени.

Программа курса

28 октября, 19:30 — урок 1

  • Анализ SPA после React Level 1
  • Идеи пререндеринга и SSR
  • Идеи тестирования SPA
  • Влияние SSR и тестов на архитектуру
  • Борьба с синглтонами на уровне ES-модулей

31 октября, 19:30 — урок 2

  • Построение архитектуры приложения
  • Выделение ключевых сущностей
  • Внедрение зависимостей
  • Работа с React Context
  • Взаимодействие частей системы

4 ноября, 19:30 — урок 3

  • Тотальная типизация SPA
  • TypeScript: простые и жёсткие примеры
  • Типизация компонентов и хуков
  • Типизация хранилища mobx
  • Типизация при работе с контекстом

7 ноября, 19:30 — урок 4

  • Борьба с повторяющимся кодом
  • Создание ключевых хуков
  • Сущность API и хук useApiRequest
  • Создание компонента AsyncHelper
  • Children vs RenderProps

11 ноября, 19:30 — урок 5

  • Удобная работа с формами
  • Создание хука useForm
  • Обработка ошибок 400 / 422
  • Улучшения для React Router
  • Типизированный именованный роутинг

14 ноября, 19:30 — урок 6

  • Улучшение тренировочного SPA
  • Изучение серверного API
  • Работа с авторизацией
  • Создание модуля store auth
  • Создание закрытых страниц

18 ноября, 19:30 — урок 7

  • Доработка функционала SPA
  • Демонстрация простого SSR
  • Реальный SSR и ошибки гидратации
  • Обзор типичных проблемы SPA
  • Синхронизация данных

21 ноября, 19:30 — урок 8

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

Преподаватель курса

Дмитрий Лаврик

Профессиональный веб-разработчик

Опыт работы в сфере разработки сайтов более 10 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.

Опытный преподаватель

Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

Дмитрий Лаврик

Что вы получите

8 онлайн уроков

По вторникам и пятницам с 19:30 МСК. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.

Видеозаписи всех уроков

Если вы по какой-то причине не смогли посетить урок, не переживайте, спустя пару часов после окончания занятия он доступен в записи в хорошем качестве :)

Материалы и исходники

Все примеры, которые мы рассматриваем на уроках, вы получаете в архиве. Таким образом, даже не написав ни строчки кода, вы получаете набор готовых решений, сделанных на уроке.

Домашние задания

После каждого урока выдаётся домашнее задание, которое нужно сделать для закрепления пройденного материала. Плохие оценки не ставим – только конструктивные комментарии :)

Обратную связь от преподавателя

Домашнее задание каждого ученика разбирается на уроке. Если прислано много работ, преподаватель записывает отдельный видеоролик с комментариями по каждой работе.

Доступ в закрытую группу

Во время прохождения курса все участники тусуются в рамках закрытой площадки, где помогают друг другу, а также задают вопросы преподавателю и получают ответы на них.

Обзор курса

Внимание! Для прохождения данного курса необходимо уметь создавать простые SPA на React + любой router + любое хранилище + axios || fetch.

Если вы хотите ознакомиться с мыслями автора о курсе,

посмотрите видео, расположенное рядом

В нём подробно рассматривается программа курса, и даются рекомендации по необходимым начальным знаниям.

Запись на курс

Скидка на раннюю запись!

18 000 руб. 12 600 руб.

 
Способы оплаты

Часто задаваемые вопросы

Какой начальный уровень знаний необходим

Уровень программы базового курса React - умение создавать простейшие SPA, взаимодействовать с серверным api ( axios | fetch )

Будут ли записи уроков

Да, конечно. Видеозапись и материалы выкладываются в течение нескольких часов после окончания урока.

Зачем TypeScript в курсе по React

Статический анализ кода даёт слишком много преимуществ. Да и примерно половина вакансий по React сейчас содержит пункт про TypeScript.

А что, если я совсем не знаю TypeScript

Для тех, кто не знает TypeScript, есть бесплатный вводный курс, который охватывает необходимый минимум для понимания TS-кода на курсе.

Почему Mobx, а не Redux

Мы берём самый простой и приятный store. А в итоговом SPA заменить его на Redux или Recoil будет совсем несложно.

Будем ли использовать новшества React 19

Частично. Например, use() в будущем может сильно помочь с SSR, а вот остальные новшества очень ситуативны.

Насколько подробно рассматриваем SSR

Сделаем простую демонстрационную сборку с use. В целом, нас интересует лишь влияние SSR на архитектуру. Полноценная реализация SSR была убрана из данной программы.

Так а где тогда освоить Server Side Rendering

Подробная и полная реализация SSR будет в отдельном курсе. Планирую запустить его в начале 2026. Кстати, чтобы полноценно изучать SSR, нужен хотя бы минимальный уровень в темах backend на node.