Маршрутизация в React с помощью библиотеки Router

В этом разделе мы познакомимся с очень интересной и важным разделом при создании web-приложений - маршрутизацией. Именно благодаря маршрутизации пользователь может перемещаться среди множества web-страниц в зависимости от действий или отправляемых запросов.

Из этого учебника мы узнаем, как использовать внешнюю библиотеку React Router, чтобы создавать React приложения с маршрутизацией.

React Route позволяет нам работать с маршрутизацией как на стороне клиента (то есть в браузере), так и на стороне сервера. Он позволяет создавать сложные одностраничные web-приложения, использующие навигацию без обновления всей страницы (то есть без дополнительных обращений к серверу), а также работать с историей браузера (стреки назад).

React Router использует архитектуру, основанную на компонентном подходе. Таким образом, данная библиотека позволяет осуществлять навигацию среди множества компонентов React приложения, изменять URL в браузере и поддерживать синхронизацию состояния вашего приложения с URL.