Build React applications using React Router's declarative mode with BrowserRouter. Use when configuring routes with JSX, navigating with Link/NavLink, or reading URL params and search params without data loaders or actions.

React Router Declarative Mode Declarative mode is React Router's simplest mode using <BrowserRouter , <Routes , and <Route for basic client side routing without data loading features like loaders or actions. When to Apply Using <BrowserRouter for routing Configuring routes with <Routes and <Route Navigating with <Link , <NavLink , or useNavigate Reading URL params with useParams Working with search params using useSearchParams Accessing location with useLocation References Load the relevant reference for detailed guidance on the specific API/concept: Reference Use When references/routing.md Configuring routes, nested routes, dynamic params references/navigation.md Links, NavLink active states, programmatic nav references/url values.md Reading params, search params, location Critical Patterns These are the most important patterns to follow. Load the relevant reference for full details. Basic Route Setup Configure routes with JSX using <Routes and <Route : NavLink Active States Use NavLink for navigation with active styling: Reading URL Params Use useParams to read dynamic route segments: Working with Search Params Use useSearchParams for query string values: Further Documentation If anything related to React Router is not covered in these references, you can search the official documentation: https://reactrouter.com/docs

react-router-declarative-mode