Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Scrimba

Learn React Router 6

via Scrimba

Overview

In this course, you’ll learn the most important parts of the React Router (v6) library while building an app called “VanLife”, an app for renting decked-out travel vans for your next road trip adventure.

This course is filled with interactive coding challenges, small and large, to help drill in the topics you’ll be learning, all while building the main VanLife project.

Repetition and practice are the keys to avoiding tutorial hell and building the muscle memory needed to truly understand what you’re learning. If you want to become a confident and effective developer, this course (and Scrimba courses in general) is the way to go!

Learning objectives

By the end of this course, you will have knowledge of:

  • Single and multi-page applications

  • Basic router setup

  • Routes in React Router

  • Links in React Router

  • Route parameters

  • Nested routes

  • Outlet in React Router

  • Using NavLink

  • Protected routes

  • Relative paths

  • Index Routes

  • Loaders in React Router

  • Handling errors

  • Forms in React

  • useNavigate()

Course prerequisites

We recommend you have a good grasp of basic React before starting this course. Not there yet? Check out Learn React for free!

Don’t forget: learning should never be lonely - that’s why we’ve set up theScrimba Discord server. Make sure you drop in, say hello, and share your goals and achievements. If you get stuck, there is even a dedicatedReact help channel.

Syllabus

  • Introduction to React Router
  • Nested Routes
  • Search Params and Links
  • Loaders and Errors
  • Actions and Protected Routes
  • Deferred Data

Reviews

Start your review of Learn React Router 6

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.