The React Router

React Router handles client-side routing — navigating between pages without full page reloads.

Installation

npm install react-router-dom

Setting Up Routes

import { BrowserRouter, Route, Switch } from "react-router-dom";

function App() {
  return (
    <BrowserRouter>
      <Navbar />
      <Switch>
        <Route path="/"><Home /></Route>
        <Route path="/create"><Create /></Route>
      </Switch>
    </BrowserRouter>
  );
}

How It Works

React Router intercepts link clicks and renders the matching component — no server request needed. This is what makes React a Single Page Application.