О чём занятие
Подключим React Router: основные, вложенные и динамические маршруты, страница 404. Соберём меню и breadcrumbs, чтобы пользователь всегда понимал, где находится.
Выберем и подключим UI kit (MUI / shadcn / Mantine / Ant Design / Chakra — по договорённости группы) и оформим первые реальные страницы уже не «сырым» HTML, а компонентами дизайн-системы.
Фокус занятия — скорость и единообразие: меньше самописного CSS на старте, больше внимания структуре экранов.
Что разберём
- React Router: вложенные и динамические маршруты, 404
- Меню, активные состояния, breadcrumbs
- UI kit: кнопки, формы, layout-примитивы
- Карта маршрутов приложения
Практика
Карта маршрутов и оформление первых страниц через UI kit.