Learn React Router 6 (Coursera)

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

Module 1

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

Nested Routes

Module 2

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

Module 3

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

Module 4

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

Module 5

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

Module 6

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.