phone_picture

Цель курса

Изучить философию и дух компонентного подхода современных javascript-фреймворков, научиться использовать React для решения практических задач.

Для новичков React выглядит немного сложнее, чем Vue.js. Но вакансий на нём больше.

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

12 октября, 20:00 — урок 1

  • Простая сборка с vite
  • Понимание JSX
  • Понимание основных хуков
  • Изменение состояния и иммутабельность
  • Рендеринг элементов в цикле
  • Нюансы атрибута key

16 октября, 20:00 — урок 2

  • useEffect, useRef, useMemo
  • Взаимодействие между компонентами
  • Однонаправленный поток данных
  • Обработка событий
  • Children - передача контента в компонент
  • Работа с формами

19 октября, 20:00 — урок 3

  • Работа со стилями
  • Модульный CSS vs CSS in JS
  • Идеи Tailwind CSS
  • Работа с готовыми UI-фреймворками
  • Использование Material Tailwind

23 октября, 20:00 — урок 4

  • Проблемы большой иерархии компонентов
  • Проброс параметров сквозь уровни
  • Понимание React Context
  • Context Provider и useContext
  • Создание своих хуков

26 октября, 20:00 — урок 5

  • Управление состоянием приложения
  • Централизованное хранилище данных
  • Mobx vs Redux / Recoil
  • Основы работы с Mobx
  • Состояние, геттеры и методы
  • Mobx и реактивность компонентов

30 октября, 20:00 — урок 6

  • Продвинутая работа с Mobx
  • Модули хранилища и rootStore
  • Внедрение хранилища через контекст
  • Основы React Router
  • Нюансы режима Api History
  • Создание небольшого SPA

2 ноября, 20:00 — урок 7

  • Взаимодействие с серверным API
  • Подготовка к работе с Fetch / Axios
  • Построение архитектуры приложения
  • Сущности http и api
  • Глобальная обработка ошибок

6 ноября, 20:00 — урок 8

  • Доработка SPA
  • Применение изученных тем
  • Сборка в production
  • Перенос SPA на сервер
  • Рекомендации по дальнейшему развитию

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обзор курса

Для прохождения данного курса необходимо нормальное владение javascript, в том числе, базовое понимание ООП, контекста, замыканий и стандарта ES6+!

Если вы сомневаетесь относительно React

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

В нём сделан обзор основных идей курсаи необходимых начальных знаний.

Запись временно закрыта.

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

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

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

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

Нормальное владение javascript, а также понимание тем из моего бесплатного вводного курса по react

Почему React, а не Vue

Для новичков Vue чуть проще, но React популярнее, вакансий и заказов на фрилансе заметно больше.

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

На старте нужна максимально лаконичная и простая система управления состояниям.

Будут ли ещё потоки этого курса

Скорее всего будут, но не слишком скоро. Обычно подобные курсы стартует два-три раза в год.

Есть ли продвинутый курс

Более продвинутый материал по React будет идти как часть курса TypeScript, который запланирован на июль 2023.