Описание курса:
ReactJS — популярная JavaScript-библиотека с открытым исходным кодом. Разработана для построения пользовательских интерфейсов (UI, User Interfaces) на основе компонентного подхода. Характеризуется декларативным подходом к описанию, компоненто-ориентированностью и простотой использования. Особенности ReactJS: однонаправленный поток данных, виртуальный DOM, JSX.
В настоящий момент библиотека поддерживается известными соцсетями и сообществом индивидуальных разработчиков.
Курс познакомит вас с базовыми особенностями популярной библиотеки, даст практические навыки создания компонентов на ReactJS и его расширении JavaScript - JSX.
• использование create-react-app
• акцент на функциональные компоненты
• использование базовых хуков useState, useEffect
• тестирование и сборка проекта
• работа с контекстом
Аудитория:
Курс будет полезен для выпускников курсов направления JavaScript, а также для слушателей, ориентированных на работу с клиентской стороной.
Необходимая подготовка:
Успешное окончание курса JavaScript. Уровень 2. Расширенные возможности, или эквивалентная подготовка.
Программа курса:
Модуль 1. Введение в React и JSX
• Введение в курс
• Инструмент
• Что такое React
• Как начать работу с React
• Лабораторная работа: установка CRA
• Что такое JSX
• Лабораторная работа: работа с JSX
Модуль 2. Компоненты React
• Компоненты React
• Свойства компонентов (props)
• Лабораторная работа: создание React-компонентов
• Композиция компонентов
• Лабораторная работа: реализация композиции
• Дочерние компоненты (props.children)
• Файловая структура
• Тестирование и сборка
• События в React
Модуль 3. Состояние в React-компонентах
• Состояние в функциональных компонентах
• Состояние в классовых компонентах
• Обработка ввода в <input />
• Лабораторная работа: работа с состоянием
• Поднятие состояния
• Хук useEffect
• Лабораторная работа: поднятие состояния
Модуль 4. Дополнительный материал
• Контекст и useContext
• Маршрутизация
• Реализация модального окна
• Отображение товаров в каталоге
• useReducer
• Домашние работы и завершение курса
Окончательная цена указывается в договоре на обучение.
