React — React Router Basics

React Router is used to handle routing in a React app. It allows you to build single-page applications with multiple views.

You define routes using <Route> and navigate using <Link>.

import { BrowserRouter as Router, Route, Routes, Link } from 'react-router-dom';

function Home() {
  return <h2>Home Page</h2>;
}

function About() {
  return <h2>About Page</h2>;
}

function App() {
  return (
    <Router>
      <nav>
        <Link to=\"/\">Home</Link>
        <Link to=\"/about\">About</Link>
      </nav>
      <Routes>
        <Route path=\"/\" element={<Home />} />
        <Route path=\"/about\" element={<About />} />
      </Routes>
    </Router>
  );
}