Learn React Router 6

Mark as Favorite Share
image

What Will You Learn?

Nested Routes in React Router v6 for organized navigation.
Handling Search Parameters and creating effective Links.
Efficiently managing data loading and handling errors.
Using Actions for data manipulation and implementing Protected Routes for secure access control in React applications.

About This Course

Provider: scrimba.com
Format: Online
Duration: 10 hours to complete [Approx]
Target Audience: Intermediate
Learning Objectives: Able to become proficient in React Router v6 for seamless navigation in React applications.
Course Prerequisites: Basic understanding of JavaScript and React
Assessment and Certification: NA
Instructor: Bob Ziroll
Key Topics: React Router 6, Dynamic Routing and Route Parameters, Advanced Routing Techniques 
Topic Covered: 
  1. - What are SPAs?
  2. - Basic router setup
  3. - Route
  4. - Link
  5. - Route parameters
  6. - Nested routes and Outlet
  7. - Layout and Index routes
  8. - Relative paths
  9. - NavLink
  10. - Outlet context
  11. - Search parameters
  12. - Link state
  13. - 404 page / Splat routes
  14. - Loaders
  15. - Actions
  16. - Form & form data
  17. - defer()
  18. - Await
  19. - Suspense
  20. - Error handling & errorElement
  21. - useRouteError
  22. - useNavigate
  23. - useNavigation
  24. - useLocation
  25. - useLoaderData
  26. - useActionData
  27. - Protected Routes
  28. - Deploying with Netlify
  29. - Using Firebase for data storage

0 Comments

No reviews yet !!

Please login first