Building a 404 Route

Index Route Definition

Route-Based Code Splitting with Lazy Loading

Relative vs Absolute Route Paths

Accessing Current Location with useLocation

Protected Routes and Auth Guards

Handling 404 No Match Routes

Redirects with the Navigate Component

Layout Routes and Shared UI

Index Routes in React Router

Nested Routes and Outlet

Query Parameters with useSearchParams

Passing State Through Navigation

Accessing Location with useLocation

Protected/Private Routes Pattern

Redirects with Navigate Component

Wildcard and 404 Not Found Routes

Route Matching and Ranking Rules

BrowserRouter vs HashRouter Setup

Query String Handling with useSearchParams

Index Routes

Programmatic Navigation with useNavigate

Dynamic Route Parameters with useParams

Link vs NavLink Navigation

Nested Routes and Outlet

Lazy Loading Routes with Code Splitting

Route and Routes Configuration

Layout Routes for Shared UI

Relative vs Absolute Route Paths

Dynamic Route Parameters and useParams

Programmatic Navigation with useNavigate

Layout Routes

Redirect with Navigate

Relative vs Absolute Paths

Using the useLocation Hook

Protecting a Private Route

Reading Query Params

Navigating with useNavigate

Nested Routes

BrowserRouter Setup

Outlet for Nested Rendering

Dynamic Params with useParams

Route Path Matching

NavLink Active Styling

Link Navigation

Routes and Route Definition

Defining Routes with Routes and Route

Setting Up BrowserRouter

Lazy Loading Routes with Code Splitting

Route Layouts and Shared UI

Relative vs Absolute Route Paths

404 / Not Found Routes

Accessing Current Location with useLocation

Query Strings with useSearchParams

Link and NavLink Navigation

Defining Routes and Route Matching

Index Routes

Nested Routes and Outlet

URL Parameters with useParams

Protected / Private Routes

Programmatic Navigation with useNavigate

React Router Setup and BrowserRouter

Redirects and the Navigate Component