This command installs React Router DOM, which is used for page navigation (routing) in React web applications.

npm install react-router-dom

import { BrowserRouter, Routes, Route, Link } from "react-router-dom";
function Home() {
  return <h1>Home Page</h1>;
}
function About() {
  return <h1>About Page</h1>;
}
export default function App() {
  return (
    <BrowserRouter>
      <nav>
        <Link to="/">Home</Link> | 
        <Link to="/about">About</Link>
      </nav>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/about" element={<About />} />
      </Routes>
    </BrowserRouter>
  );
}

BrowserRouter:

BrowserRouter is used to enable page navigation (routing) in React applications without reloading the page.

import { BrowserRouter } from "react-router-dom";

<BrowserRouter>
   <App />
</BrowserRouter>

Main container for all pages

Routes:

It holds all the route definitions and selects which route should be shown.

<Routes>
   <Route path="/" element={<Home />} />
   <Route path="/about" element={<About />} />
</Routes>

Route:

It defines a single page in your app.

<Route path="/about" element={<About />} />

Link:

It is used for navigation between pages without page reload.

<Link to="/about">Go to About</Link>