Базовый курс по React и Redux от разработчика ВК
О чём курс
Этот курс представляет собой глубокое погружение в экосистему React, построенное на принципах практического применения и критического анализа архитектурных решений. В отличие от стандартных обучающих программ, предлагающих сухую теорию, данный курс строится вокруг живых рассуждений автора, основанных на многолетнем личном опыте разработки. Основная цель обучения — научить студентов не просто писать код, а понимать философию проектирования, видеть плюсы и минусы различных подходов и принимать взвешенные решения в реальных рабочих задачах.
Курс идеально подойдет тем, кто стремится выйти за рамки базового синтаксиса и хочет разобраться в том, как устроены современные фронтенд-приложения. Вы научитесь правильно организовывать структуру проекта, работать с состоянием, оптимизировать производительность и интегрировать сторонние библиотеки. Обучение проходит в формате подробных видеоразборов, где каждый аспект технологии рассматривается через призму множества примеров и реальных проектов. Такой подход позволяет увидеть, как теоретические концепции трансформируются в масштабируемый и поддерживаемый код.
Важной особенностью курса является наличие структурированных конспектов к каждому занятию. Это позволяет студентам не тратить время на пересмотр длинных видео, когда нужно быстро освежить знания или вспомнить конкретный нюанс реализации. Вы получите комплексное представление о жизненном цикле компонентов, работе с формами, навигации, обработке ошибок и управлении данными через Redux. Особое внимание уделяется архитектурным паттернам, таким как компоненты высшего порядка (HOC), рендер-пропы и контейнеры, что критически важно для профессионального роста разработчика.
Почему стоит выбрать этот курс? Во-первых, это фокус на реальной практике: вы увидите, как проектировать приложения, которые не «разваливаются» при масштабировании. Во-вторых, это глубокий разбор производительности — вы научитесь пользоваться профайлерами React и браузера, чтобы находить и устранять «узкие места» в коде. В-третьих, курс охватывает современные стандарты разработки, включая хуки, работу с контекстом и продвинутые методы управления состоянием. По завершении обучения вы не только освоите инструментарий React, но и сформируете собственное видение архитектуры, научитесь проектировать приложения по фичам и будете готовы к решению сложных инженерных задач. Это не просто набор уроков, а полноценный менторский опыт, который поможет вам уверенно чувствовать себя в современной фронтенд-разработке.
Программа обучения
- Как работает реакт.
- Быстрый запуск проекта с create-react-app.
- JSX.
- Как отрендерить компонент: условный рендеринг, списки и ключи.
- Тег Fragment.
- Плагин React-devtools.
- О компонентном подходе в разработке.
- Создание компонентов.
- Работа с пропсами.
- Валидация пропсов.
- Стейт компонента и когда он нужен.
- Однонаправленный поток данных.
- Обработка событий.
- Рефакторинг и архитектура.
- Правило 100.
- Куда положить состояние.
- Контекст реакта.
- Навигация по приложению.
- React-router.
- Приватные роуты.
- Редирект и 404 страница.
- Как получить данные с сервера.
- Разница между классовым и функциональным компонентом, когда какой использовать.
- Методы жизненного цикла, когда какой использовать.
- Обработка ошибок в реакте.
- Формы.
- Контролируемые и неконтролируемые компоненты, когда что использовать.
- Обработка событий формы.
- Рефы.
- Когда их использовать.
- Работа с нереактовскими библиотеками в реакте.
- Рефакторинг и паттерны в реакте.
- Контейнер.
- Компоненты высшего порядка.
- Рендер пропы.
- Порталы.
- Оптимизация и производительность.
- Почему вообще появляются лаги.
- Как найти просадки в производительности.
- Профайлер реакта и профайлер браузера.
- Что влияет на производительность в реакте и как это поправить.
- Хуки.
- Что это и зачем они нужны.
- Когда использовать хуки, а когда классы.
- Redux.
- Понимаем редакс.
- Middlewares.
- Запросы на сервер из редакса.
- Рефакторинг и архитектура.
- Селекторы.
- Проектирование по фичам.
- Как понять, какую архитектуру проектировать.
- Бонусы.
- Упрощение работы с redux-toolkit.
- Анимация с react-transition-group.
- Выкатка приложения на github-pages.
- Эпилог.
- Подводим итоги и строим план обучения на будущее.
Теги курса
Отзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.