React Router — основная библиотека

React Router — это официальная и наиболее распространённая библиотека маршрутизации для приложений на React. Она позволяет сопоставлять URL-адреса с компонентами, управлять историей навигации и реализовывать сложные сценарии вроде вложенных маршрутов или динамических параметров.

Установка

Для использования React Router в проекте необходимо установить пакет react-router-dom. Это версия библиотеки, предназначенная для веб-приложений (в отличие от react-router-native для React Native).

npm install react-router-dom

После установки вы можете импортировать необходимые компоненты и хуки из react-router-dom:

import { BrowserRouter, Routes, Route, Link } from 'react-router-dom';

Поддержка версий

В рамках курса используется React Router v6 — текущая стабильная версия, которая значительно отличается от предыдущих (особенно v5). Основные изменения:

  • вместо пропса component теперь используется element;
  • обязательное использование <Routes> (ранее <Switch>);
  • упрощённый синтаксис для вложенных маршрутов;
  • новые хуки: useNavigate, useParams, useLocation.

Убедитесь, что в вашем проекте установлена именно версия 6.x, так как примеры из лекций не будут работать с более старыми версиями.