What is React Router, and how does client-side routing work?

React Router manages navigation in single-page apps (SPAs) by intercepting URL changes and rendering components without reloading the page.

⚙️ Example

import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Home from './Home';
import About from './About';

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path='/' element={<Home />} />
        <Route path='/about' element={<About />} />
      </Routes>
    </BrowserRouter>
  );
}

✅ React Router manipulates history and renders the correct component on route change.