Курс «JS: React»

состояние

JSX

компоненты

производительность

Последнее обновление: 16 октября 2025 г.

Оформить подписку

3 900 рублей в месяц за все курсы

Включено в курс

30 уроков (видео и/или текст)

25 упражнений в тренажере

91 проверочный тест

Самостоятельная работа

Дополнительные материалы

Доступ ко всем курсам

Описание

На этом курсе вы изучите React. Вы узнаете больше о создании компонентов, состоянии и жизненном цикле компонентов, а также о работе с событиями. В итоге вы научитесь создавать интерактивные пользовательские интерфейсы и манипулировать состоянием приложения. Изучение React пригодится, если вы решите создавать современные веб-приложения. Знания из этого курса помогают программистам создавать интерактивные интерфейсы и управлять состоянием приложения. Так же вы узнаете, как создавать приложения на функциональных компонентах. Вы научитесь использовать хуки для управления состоянием, доступа к DOM-элементам и других функций.

Чему вы научитесь

Создавать полноценные приложения на React
Грамотно организовывать состояние приложения
Взаимодействовать с бекендом по API
Интегрировать React со сторонними библиотеками
Использовать встроенные хуки
Создать приложение, состоящее только из функциональных компонентов
Внедрить готовые хуки для решения типовых задач

Программа

1	Введение Познакомиться с курсом и подготовить окружение.
2	Компоненты Познакомиться с базовой единицей в react — компонентом. Научиться его создавать и отрисовывать в браузере.
3	JSX Научиться эффективно использовать jsx.
4	Props Познакомиться с механизмом передачи данных в компоненты.
5	Работа с коллекциями Научиться обрабатывать коллекции данных внутри компонентов.
6	Различия jsx и html Узнать об особенностях jsx, которые работают не так как в html.
7	Обработка имён классов Научиться правильно работать с классами компонентов, которые могут изменяться динамически.
8	Children Научиться создавать компоненты боксы, способные работать с вложенными компонентами.
9	Состояние Познакомиться с созданием stateful компонентов. Научиться добавлять интерактивности.
10	События Познакомиться с особенностями системы событий React.
11	Автоматное программирование Вспомнить что все вокруг автоматы. Научиться правильно работать с автоматами в React.
12	Формы Изучить принципы взаимодействия с формами.
13	Неизменяемость Научиться работать с составными структурами в неизменяемом стиле и познакомиться с библиотекой `immutability-helper`
14	Вложенные компоненты Разобраться с хранением состояния и управлением событиями во вложенных компонентах.
15	Функциональные компоненты Рассмотреть создание компонентов на основе функций и использования пространств имён.
16	Контекст (Context API) Познакомиться с удобным способом получать доступ к глобальному состоянию во вложенных компонентах
17	Virtual Dom Познакомиться с устройством React
18	Тестирование Узнать о проблемах, которые поджидают разработчика при работе с исходным кодом.
19	Асинхронная обработка Узнать об особенностях работы с объектом событием в асинхронном коде. Попрактиковаться в создании асинхронных обработчиков.
20	Жизненный цикл компонента Познакомиться с жизненным циклом компонента в процессе работы.
21	Производительность Научиться выжимать из React максимальную производительность.
22	Refs Научиться взаимодействовать с реальным DOM для интеграции сторонних компонентов.
23	Введение в хуки Узнаем для чего нужны хуки
24	Хук useState Знакомимся с принципами работы хуков и изучаем самый базовый, отвечающий за работу с состоянием
25	Хук useEffect Учимся изолировать побочные эффекты с помощью хуков
26	Хук useContext Учимся работать с контекстом через хуки
27	Хук useRef Учимся получать доступ к DOM-элементам с помощью хуков
28	Хуки useCallback и useMemo Учимся создавать значения с Memo
29	Композиция компонентов Учимся выстраивать правильную композицию и оптимизировать приложение без memo
30	Заключение Подвести итоги курса

Формат обучения

Испытания

1	Pop-Up
2	Chart
3	Таймер
4	Игра "Найдите пары"
5	Лабиринт
6	Авторизация
7	Dynamic-Form
8	Счетчик
9	Таблица
10	Не трогай меня
11	Модальные окна