Что такое маршрутизация

Маршрутизация — это механизм, который связывает URL-адрес в браузере с конкретным компонентом пользовательского интерфейса. В приложениях на React она позволяет показывать разные экраны (например, «Главная», «Профиль», «Настройки») без перезагрузки всей страницы.

Что такое SPA

SPA (Single Page Application) — это одностраничное веб-приложение, в котором весь пользовательский интерфейс загружается один раз. При переходе между разделами контент обновляется динамически, а не через загрузку нового HTML-документа с сервера. Это делает навигацию быстрой и похожей на работу нативного приложения.

В отличие от традиционных многостраничных сайтов (MPA), где каждый новый URL загружает отдельный HTML-файл, SPA управляет отображением контента целиком на стороне клиента. Маршрутизация в React реализует именно такую логику: она следит за изменением адреса в строке браузера и решает, какой компонент должен быть отображён.

Зачем нужна маршрутизация

Без маршрутизации приложение может отображать только один статичный экран. Чтобы пользователь мог переходить между разделами — например, из списка товаров на страницу конкретного товара — требуется система, которая:

  • читает текущий путь (например, /product/123);
  • определяет, какой компонент соответствует этому пути;
  • отображает его в нужном месте интерфейса.

Маршрутизация также обеспечивает:

  • корректную работу кнопок «Назад» и «Вперёд» в браузере;
  • возможность делиться ссылками на конкретные экраны;
  • чёткую структуру навигации в коде.

В React для этих целей используется библиотека React Router.