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. 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 is the real way to avoid tutorial hell and build the muscle memory needed to truly understand what you’re learning. So if you’re looking to escape tutorial hell, this course (and Scrimba courses in general) is the way to go!

Syllabus

Introduction to React Router

Take your first steps with React Router and become familiar with the course project, a cool van rental site.

Nested Routes

The learning module explores nested routes in React Router 6, which are used to create complex and hierarchical route structures within React applications.

Search Params and Links

This module dives into the usage of search params and links in React Router 6, empowering developers to implement navigation with query parameters in their React applications.

Loaders and Errors

This module explores into loaders and errors in React Router 6, which are used to handle loading states and error handling within their applications' routing components.

Actions and Protected Routes

Explore Actions and Protected Routes in React Router 6,. Learn to implement authentication and authorization by protecting routes and performing actions based on user roles or permissions.

Deferred Data

This module delves into deferred data in React Router 6, which allows developers to efficiently load and display data on-demand for specific routes, improving performance and user experience.