О чём занятие
Занятие посвящено организации навигации и построению многостраничной структуры React-приложения. Студенты познакомятся с React Router, настройкой маршрутов, переходами между страницами, динамическими параметрами URL и обработкой несуществующих маршрутов. Отдельная часть занятия посвящена созданию пользовательского интерфейса: работе с готовыми компонентами Material UI (MUI) и стилизации с помощью Tailwind CSS. Студенты рассмотрят различия между использованием UI Kit и utility-first подходом Tailwind, а также варианты их применения в реальных React-проектах.
Цель. Научить создавать структуру и навигацию React-приложения, а также разрабатывать и стилизовать интерфейсы с помощью MUI и Tailwind CSS.
Чему научится
- Работать с React Router, маршрутами и параметрами URL
- Использовать компоненты MUI и основные utility-классы Tailwind CSS
- Создавать страницы и переходы, динамические маршруты и адаптивную стилизацию
- Собирать многостраничные SPA, быстро собирать интерфейс на UI Kit и делать собственную вёрстку
Расширение Task Tracker несколькими страницами, маршрутизация через React Router, навигация и оформление на MUI и Tailwind CSS.
Добавить страницу отдельной задачи с динамическим id, страницу 404, настроить навигацию и самостоятельно оформить страницы на MUI и Tailwind CSS.