Цель урока – знакомство с библиотекой React и ее возможностями. На уроке студенты установят необходимые программные приложения и пакет-менеджеры для разработки React-приложений, а также создадут свое первое React-приложение.

Цель урока – ознакомиться с наиболее распространенными файловыми структурами для проектов на реакте. Определить особенности работы синтаксиса JSX в разработке React-приложений. Научиться создавать React-элементы без использования JSX, определить отличия JSX от HTML.

Цель урока – ознакомиться с компонентами и их типами в реакте. Научиться разрабатывать компоненты многоразового использования. Ознакомиться со способами передачи данных между компонентами. Попрактиковаться в проектировании и разработке веб-приложений с использованием компонентов для футера, навигации, контента и хедера.

Цель урока – ознакомиться с хуками в реакте, их предназначением и функционалом. Научиться использовать хук состояния useState на практике. Разобрать способы изменения состояния хука useState при работе с массивами в качестве значений.

Цель урока – определить, что такое DOM-элементы в React. Ознакомиться с хуком прямого доступа к DOM-элементам useRef. Определить, что такое рендер и как он работает. Ознакомиться с хуком обработки посторонних эффектов useEffect.

Цель урока – на практическом примере применить все знания, полученные из пяти предыдущих уроков. Научиться работать с локальным хранилищем localstorage, синхронизировать стейт с хранилищем с помощью useEffect хука и работать с универсальным методом индексации uuidv4().

Цель урока – научиться устанавливать роутинг в реакт-приложениях. Ознакомиться с библиотекой React Router текущей версии. Овладеть технологией работы с методами библиотеки React Router.

Цель урока – ознакомиться с базовым функционалом менеджеру состояний Redux. Научиться использовать инструменты redux toolkit. Приобрести практические навыки в разработке собственного Redux хранилища, его настройке и разработке экшенов для него.

Цель урока – ознакомиться с сетевыми запросами веб-интерфейса API. Разработать React-приложение для определения погоды в указанном городе с помощью открытого API openweathermap.

Цель урока – ознакомиться с вариантами использования и назначением модальных окон. Научиться разрабатывать модальные окна в React-приложениях.