Содержание курса
10
разделов
92
урока
81
тест
13 ч.
обн. 6 сентября 2026
Введение
5 уроков
1.
Обзор курса
↗
2.
Что такое React
↗
3.
Пререквизит к курсу
↗
4.
Что необходимо установить
↗
5.
Варианты окружения
↗
React и JSX
8 уроков
1.
Библиотеки React и ReactDOM
↗
2.
Простое приложение на чистом React
↗
3.
Преобразование приложения в JSX
↗
4.
Особенности JSX
↗
5.
Разделение приложения на модули
↗
6.
Условная отрисовка
↗
7.
Пример с прелоадером
↗
8.
Проверка знаний
↗
Классовые компоненты
11 уроков
1.
Разбор составляющих базового React-шаблона
↗
2.
Понятие React-компонента
↗
3.
Состояние компонента и управление им
↗
4.
Нюансы создания методов в классовых компонентах
↗
5.
Жизненный цикл компонента
↗
6.
Задание по созданию таймера
↗
7.
Работа с коллекциями
↗
8.
Однонаправленный поток данных
↗
9.
Задание на обновление состояния через дочерние компоненты
↗
10.
Отличие классовых компонентов от функциональных
↗
11.
Проверка знаний
↗
Работа с формами в React
7 уроков
1.
Управляемые компоненты
↗
2.
Валидация значений формы
↗
3.
Checkbox, radio button, select
↗
4.
Задание на создание формы
↗
5.
Использование ref
↗
6.
Неуправляемые компоненты
↗
7.
Проверка знаний
↗
Проект "Фильмы"
10 уроков
1.
Обзор проекта
↗
2.
Подготовка проекта
↗
3.
Знакомство с API фильмов
↗
4.
Задание на создание общего списка
↗
5.
Добавление строки поиска
↗
6.
Реализация поиска фильмов
↗
7.
Добавление фильтрации
↗
8.
Обработка неудачного поиска
↗
9.
Безопасное хранение ключа API
↗
10.
Сборка и публикация проекта
↗
Функциональные React-компоненты
8 уроков
1.
Работа с состоянием
↗
2.
Кликер
↗
3.
Управление жизненным циклом
↗
4.
Использование ref
↗
5.
Рефакторинг таймера
↗
6.
Рефакторинг проекта Фильмы
↗
7.
Рефакторинг проекта Фильмы, часть 2
↗
8.
Проверка знаний
↗
Хуки подробно
11 уроков
1.
useState
↗
2.
useEffect
↗
3.
useContext
↗
4.
useLayoutEffect
↗
5.
useCallback, useMemo
↗
6.
useImperativeHandle
↗
7.
useReducer
↗
8.
Пользовательские хуки
↗
9.
Правила использования хуков
↗
10.
Рефакторинг таймера
↗
11.
Проверка знаний
↗
Проект "Витрина"
11 уроков
1.
Презентация проекта
↗
2.
Обзор API
↗
3.
Подготовка проекта
↗
4.
Вывод списка товаров
↗
5.
Состояние заказа
↗
6.
Добавление товара в корзину
↗
7.
Создание корзины
↗
8.
Удаление из корзины
↗
9.
Изменение количества товара в корзине
↗
10.
Добавление подсказки о добавлении товара
↗
11.
Публикация проекта
↗
Продвинутое управление состоянием приложения
7 уроков
1.
Context API и useReducer вместо пропсов
↗
2.
Создание контекста с провайдером
↗
3.
Создание редюсера
↗
4.
Доработка редьюсера
↗
5.
Переключение всех компонентов на контекст
↗
6.
Обзор сделанного
↗
7.
Проверка знаний
↗
Роутинг и SPA-приложение
14 уроков
1.
Роутинг и SPA, обзор проекта
↗
2.
Базовый роутинг
↗
3.
Компонент Link
↗
4.
Хуки useParams и useHistory
↗
5.
Хуки useLocation и useRouteMatch
↗
6.
Вложенный роутинг
↗
7.
Обзор API для проекта
↗
8.
Настройка методов
↗
9.
Главная страница
↗
10.
Страница категории
↗
11.
Страница рецепта
↗
12.
Поиск на главной
↗
13.
Нюансы публикации SPA
↗
14.
Итоги курса
↗