Курс «JS: React»
Последнее обновление: 30 октября 2025 г.
3 900 рублей в месяц за все курсы
Включено в курс
Описание
На этом курсе вы изучите 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 | Модальные окна | 
Рекомендуемые программы

- Тренажер с практикой
- Бессрочный доступ к теории
- Асинхронный формат
3 900 рублей в месяц за все курсы



