Yogesh Chavan/React Router 6 Course

  • $13

React Router 6 Course

  • Course
  • 26 Lessons

For Non-Indian customers only, Pay Using PayPal.
Indian Customers Scroll Down To Enroll And Pay Using UPI.

For Indian customers, click the link below to pay using UPI

Learn React Router 6 within few hours!

A course with step-by-step instructions for learning React Router 6 from scratch.

You will also learn how to build an amazing Course Dashboard App with some advanced features like:

  • How to use a custom hook for maintaining logged in session of the user

  • How to restrict access to certain pages of the application

  • How to instantly update the page content from the same page

  • How to convert code from version 5 of react router to version 6 of react router in a step-by-step way

and much more.

Do check out the free preview of the course content below.


Pre-requisites:

Testimonials

Contents

React Router 6 Basics

Important Step
How to set up React Router 6
How to use Link And NavLink components
Preview
How to handle 404 page
Issue with using react-router-dom version 5 in React version 18
How to use useNavigate hook
How to access URL Parameters
Preview
Using exact prop in version 5 vs version 6 of react-router-dom
Invalid way of declaring route in version 6
Three ways to pass additional data while redirecting
How to access query parameters
How to work with nested routes
Using Outlet for Protected Route
react-router-6-basics-initial-code.zip

Creating Course Dashboard Application

Application Demo
Project Intro - Must Watch
Local Setup - Must Watch
Understanding the code
Using version 6 in the application
Handling Protected Page

Source Code

react-router-6-app-initial-code.zip
react-router-6-app-final-code.zip

Extra Videos

Three Popular Ways To Create Protected Routes In React Using React Router
How To Correctly Handle Errors In React With Error Boundary

What's Next

Useful Resources

Course Certificate

Your Course Completion Certificate