О чём занятие
Занятие посвящено знакомству с React и основными принципами разработки современных пользовательских интерфейсов. Студенты познакомятся с компонентным подходом, создадут первое приложение на React с использованием Vite и TypeScript, изучат базовый синтаксис JSX и принцип обновления интерфейса при изменении состояния компонента.
Цель. Сформировать базовое понимание устройства React-приложения и научить студентов создавать простые компоненты и интерактивные элементы интерфейса.
Чему научится
- Принципы компонентной разработки, структура React-приложения, синтаксис JSX и функциональные компоненты
- Понятие состояния и то, как изменение данных приводит к обновлению интерфейса
- Создать и запустить проект React + TypeScript на Vite, выводить данные и управлять состоянием через useState
- Собирать простые интерактивные интерфейсы, разбивать страницу на компоненты и реагировать на действия пользователя
Практика
Базовая версия Task Tracker: список задач, добавление новой задачи и обновление списка через состояние React.
Домашняя работа
Расширить Task Tracker: удаление задач, отметка выполненных и счётчик выполненных / невыполненных.