React. Интенсивный курс для программистов. 2022 (Дмитрий Лаврик)

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

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

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

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

22 февраля, 20:00 — урок 1

• Простая сборка с webpack
• Основы компонентного подхода
• Понимание JSX
• Функциональные компоненты vs классы
• Классический React vs функции + хуки
• Изменение состояния и иммутабельность

25 февраля, 20:00 — урок 2

• JSX и ветвления при рендеринге
• Рендеринг элементов в цикле
• Нюансы атрибута key
• Понимание основных хуков
• useState, useEffect, useRef
• Создание своих хуков

1 марта, 20:00 — урок 3

• Взаимодействие между компонентами
• Однонаправленный поток данных
• Обработка событий
• Модульный CSS vs CSS in JS
• Работа с формами

4 марта, 20:00 — урок 4

• Children – передача контента в компонент
• Проблемы большой иерархии компонентов
• Идеи хука useContext
• Идеи единого склада данных
• Состояние и хук useReducer

11 марта, 20:00 — урок 5

• Управление состоянием приложения
• Централизованный склад данных
• Понимание flux-архитектуры
• Redux, который бесит новичков
• Основы работы с Mobx

15 марта, 20:00 — урок 6

• Организация работы с Mobx
• Модули и rootStore
• Основы React Router
• Api History
• Создание небольшого SPA

18 марта, 20:00 — урок 7

• Общение с серверным API
• Fetch и промисы
• Обработка ошибок
• Подключение полифилов
• Построение архитектуры приложения

22 марта, 20:00 — урок 8

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