Skip to main content
grasp.study
About
Explore
Pricing
Log in
Try it for free
Back to course
👋
Welcome to a Grasp lesson
Create a free account
to keep studying and create your own study path.
React fundamentals and component lifecycle
·
Module 10
Client-Side Routing with React Router
1
React Router: Client-Side Navigation
Set up React Router to enable client-side navigation
2
Implementing React Router
Define application routes using `BrowserRouter`, `Routes`, and `Route`
3
Page Navigation with Link and NavLink
Navigate between pages using the `Link` and `NavLink` components
4
Dynamic Routes and URL Parameters with `useParams`
Create dynamic routes and access URL parameters with the `useParams` hook
Nested Routes with React Router Outlet
Implement nested routes for complex layouts using the `Outlet` component
6
Programmatic Navigation with `useNavigate`
Navigate programmatically using the `useNavigate` hook
7
Building a Protected Route Component
Create a protected route component to restrict access for unauthenticated users
Previous module
Advanced State Management: Context and `useReducer`
Next module
Working with APIs in React