Маршрутизация

Основа с Junior

Несколько страниц в одностраничном приложении — React Router, вложенные маршруты, загрузка данных.

Одностраничное приложение (SPA) меняет адрес через History API без перезагрузки страницы, а маршрутизатор решает, какой компонент показать.

Маршруты, параметры (/orders/:id), вложенные маршруты с общим каркасом, страница 404.
Навигация ссылками (<Link>), а не onClick с переходом — иначе ломаются открытие в новой вкладке и доступность.
Защищённые маршруты: проверка авторизации и перенаправление на вход.
Загрузка данных до показа страницы (loaders) убирает «водопад» запросов из эффектов.
Разделение кода по маршрутам: lazy(() => import("./Orders")).
Состояние фильтров и пагинации — в параметрах адреса: ссылкой можно поделиться, кнопка «назад» работает.
В Next.js маршруты задаются структурой файлов.

Критерии освоения

Практика. Сделать приложение из 4 страниц с вложенной раскладкой и страницей 404.

Практика. Добавить загрузчики данных, защищённые маршруты и фильтры каталога в параметрах адреса.

Закрытая бета

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.