Development

Learn React Router 6

Intermediate
10h

By: Bob Ziroll

Learn React Router 6

Overview

Learn React Router v6, the most popular routing library for React applications and one of the most downloaded React support libraries ever.

Skills Learned

  • What are SPAs?
  • Basic router setup
  • Route
  • Link
  • Route parameters
  • Nested routes and Outlet
  • Layout and Index routes
  • Relative paths
  • NavLink
  • Outlet context
  • Search parameters
  • Link state
  • 404 page / Splat routes
  • Loaders
  • Actions
  • Form & form data
  • defer()
  • Await
  • Suspense
  • Error handling & errorElement
  • useRouteError
  • useNavigate
  • useNavigation
  • useLocation
  • useLoaderData
  • useActionData
  • Protected Routes
  • Deploying with Netlify
  • Using Firebase for data storage

Modules

1. Introduction to React Router

2. Nested Routes

3. Search Params and Links

4. Loaders and Errors

5. Actions and Protected Routes

6. Deferred Data

Ready to Elevate Your Team's Learning?

Talk with our sales team to see how StormWind can transform the way your organization trains and grows.

CONTACT SALES