Routing in React is the process of managing navigation between different components or views within a single-page application (SPA). React uses React Router, a popular library, to handle routing and enable the dynamic rendering of components based on the URL.
There are three primary ways, or modes, to use it in your app, so there are three guides to get you started.
- Declarative: Declarative mode enables basic routing features like matching URLs to components, navigating around the app, and providing active states with APIs like <Link>, useNavigate, and useLocation.
 - Data : By moving route configuration outside of React rendering, Data Mode adds data loading, actions, pending states and more with APIs like loader, action, and useFetcher.
 - Framework: Framework Mode wraps Data Mode with a Vite plugin to add the full React Router experience.