Курс «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

Модальные окна

Course Cover
  • Тренажер с практикой
  • Бессрочный доступ к теории
  • Асинхронный формат
Оформить подписку

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