[React Router](/courses/reactjs) is a routing library that connects URL paths to [React](/courses/reactjs) UI. It lets a [React](/courses/reactjs) application display different pages or layouts when the browser URL changes without requiring a traditional full-page reload for normal client-side navigation. ### Basic Routing Example ```jsx import { BrowserRouter, Routes, Route } from "react-router"; function App() { return ( } /> } /> } /> ); } ``` Here [React Router](/courses/reactjs) matches the current URL against the configured routes. ```text / → Home /about → About /courses → Courses ``` ### What Does BrowserRouter Do? `BrowserRouter` connects React Router to the browser's URL and navigation history. It allows your application to respond when the URL changes. ### What Does Routes Do? `Routes` looks through its route definitions and renders the branch that best matches the current location. ```jsx } /> } /> ``` ### What Does Route Do? A `Route` connects a URL pattern with UI. ```jsx } /> ``` means: ```text When URL matches /about → render About ``` ### Navigating Between Routes Use `Link` for normal internal navigation: ```jsx import { Link } from "react-router"; function Navbar() { return ( ); } ``` React Router changes the location while keeping the application in the client-side routing flow. ### Route Configuration Represents Application Structure For example: ```text / ├── /courses ├── /articles ├── /login └── /dashboard ``` can be represented as routes whose components correspond to those areas of the application. ### Important Note About React Router Versions Current React Router documentation uses the `react-router` package for these declarative APIs. You may also encounter older React Router projects that import browser APIs from `react-router-dom`. The core routing concepts remain the same. ### Interview-Ready Answer React Router connects URL patterns to React components. `BrowserRouter` connects routing to browser history, `Routes` finds the matching route branch, and `Route` associates a path with UI. Components such as `Link` allow users to navigate between routes through client-side routing.