Client-Side Routing with React Router

Install and configure React Router to enable navigation in a single-page application.

Define application routes by mapping URL paths to specific React components.

Use the Link and NavLink components for declarative, accessible navigation.

Create dynamic routes to display pages based on URL parameters (e.g., /products/:id).

Access URL parameters within a component using the useParams hook.

Implement nested routes and shared layouts using the Outlet component.

Redirect users programmatically using the useNavigate hook.

Create a 'catch-all' route to display a 404 Not Found page.