Цель курса
Изучить философию и дух компонентного подхода современных javascript-фреймворков, научиться использовать React для решения практических задач.
Для новичков React выглядит немного сложнее, чем Vue.js. Но и вакансий на нём чуть больше.
Программа курса
Урок 1
- Простая сборка с vite
- Понимание JSX
- Понимание основных хуков
- Изменение состояния и иммутабельность
- Рендеринг элементов в цикле
- Нюансы атрибута key
Урок 2
- useEffect, useRef, useMemo
- Взаимодействие между компонентами
- Однонаправленный поток данных
- Обработка событий
- Children - передача контента в компонент
- Работа с формами
Урок 3
- Работа со стилями
- Модульный CSS vs CSS in JS
- Идеи Tailwind CSS
- Работа с готовыми UI-фреймворками
- Использование Material Tailwind
Урок 4
- Проблемы большой иерархии компонентов
- Проброс параметров сквозь уровни
- Понимание React Context
- Context Provider и useContext
- Создание своих хуков
Урок 5
- Управление состоянием приложения
- Централизованное хранилище данных
- Mobx vs Redux / Recoil
- Основы работы с Mobx
- Состояние, геттеры и методы
- Mobx и реактивность компонентов
Урок 6
- Продвинутая работа с Mobx
- Модули хранилища и rootStore
- Внедрение хранилища через контекст
- Основы React Router
- Нюансы режима API History
- Создание небольшого SPA
Урок 7
- Взаимодействие с серверным API
- Подготовка к работе с Fetch / Axios
- Построение архитектуры приложения
- Сущности http и API
- Глобальная обработка ошибок
Урок 8
- Доработка SPA
- Применение изученных тем
- Сборка в production
- Перенос SPA на сервер
- Рекомендации по дальнейшему развитию
Преподаватель курса
Дмитрий Лаврик
Профессиональный веб-разработчик
Опыт работы в сфере разработки сайтов более 15 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.
Опытный преподаватель
Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.
Что вы получите
Видеозаписи всех уроков
В хорошем качестве с возможностью скачать видео. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.
Материалы и исходники
Все примеры, которые мы рассматриваем на уроках, вы получаете в архиве. Таким образом, даже не написав ни строчки кода, вы получаете набор готовых решений, сделанных на уроке.
Доступ в закрытую группу
Во время прохождения курса и после его завершения участники тусуются в рамках закрытой площадки, где помогают друг другу, а также задают вопросы преподавателю и получают ответы на них.
Обзор курса
Для прохождения данного курса необходимо нормальное владение javascript, в том числе базовое понимание ООП, контекста, замыканий и стандарта ES6+!
Если вы сомневаетесь относительно React
посмотрите видео, расположенное рядом
В нём сделан обзор основных идей курса и необходимых начальных знаний.
Онлайн потоки временно не проводятся
Доступно в формате видеозаписей
свежий поток - сентябрь 2025
18 000 руб.
9 000 руб.
Часто задаваемые вопросы
А React изучается современный
Разумеется, функции + хуки. А вот новшеств 19-ой версии в базовом курсе почти нет, они раскрываются на более высоком уровне сложности.
Какой начальный уровень знаний необходим
Нормальное владение javascript, а также понимание тем из моего бесплатного вводного курса по react.
Почему React, а не Vue
Для новичков Vue чуть проще, но React популярнее, вакансий и заказов на фрилансе побольше.
Почему Mobx, а не Redux / Recoil
На старте нужна максимально лаконичная и простая система управления состоянием приложения.
Будут ли ещё онлайн потоки этого курса
Скорее всего будут, но не слишком скоро. Обычно подобные курсы стартуют пару раз в год.
Есть ли продвинутый курс
Да, есть курс React Level 2, на котором рассматриваются вопросы архитектуры приложения, а код пишется с использованием TypeScript