Search results
Start with the tutorial. It will quickly introduce you to the primary features of React Router: from configuring routes, to loading and mutating data, to pending and optimistic UI.
Declarative routing for React web applications. Latest version: 6.24.0, last published: 4 days ago. Start using react-router-dom in your project by running `npm i react-router-dom`. There are 21774 other projects in the npm registry using react-router-dom.
The main.jsx file is the entry point. Open it up and we'll put React Router on the page. 👉 Create and render a browser router in main.jsx. import * as React from " react"; import * as ReactDOM from " react-dom/client"; import {. createBrowserRouter, RouterProvider, } from " react-router-dom";
Learn once, Route Anywhere
On this page. Feature Overview. Client Side Routing. React Router enables "client side routing". In traditional websites, the browser requests a document from a web server, downloads and evaluates CSS and JavaScript assets, and renders the HTML sent from the server. When the user clicks a link, it starts the process all over again for a new page.
React Router is a collection of navigational components that compose declaratively with your application. Whether you want to have bookmarkable URLs for your web app or a composable way to navigate in React Native, React Router works wherever React is rendering--so take your pick!
BrowserRouter. Naturally, in order to do its thing, React Router needs to be both aware and in control of your app's location. The way it does this is with its BrowserRouter component. Under the hood, BrowserRouter uses both the history library as well as React Context.
