Login
Yogesh Chavan/React Router 5 Introduction
Get access for free

🎉😍Early Christmas Sale😍🎉

Get All Current + Future Courses, Ebooks, Webinars

At Just $20 / ₹1700

Regular Price: $236 / ₹20,060


⏱Discount Offer Ends Today! Hurry Up!⏱

  • Free

React Router 5 Introduction

  • Course
  • 29 Lessons

Buy now

Learn React Router within few hours!

A FREE course with step by step instructions for learning React Router from scratch with live Code Sandbox demos in each section.

This course is for learning React Router version 5.

If you want to learn version 6 of react router, check out this video course.

What's Inside?

  • Get hands-on experience by writing and understanding each line of code
  • Learn through live Code Sandbox demos in each section
  • Learn the basics of React Router
  • Learn how to avoid performance issues while creating routes
  • Learn why some routes never get rendered by default and how to fix it
  • and much more...

Testimonials

Contents

Introduction

How the course is structured
Getting Started
Need of using React Router
React Router library
Prerequisites

Let's begin

Setting up project
How to use react-router-dom library

404 Page

Setting up 404 page

Adding navigation

Setting up navigation menu

Avoid Page Refresh

Using Link
Using NavLink

Accessing URL parameters

Getting URL Parameters

Handling Manual Redirection

Redirecting using history.push
Redirecting using Redirect component

Passing additional data while redirecting

Using Link
Using Redirect
Using history.push

Using render prop in Route

Using render prop

Nested Routes

Initial Setup
Using Nested Routes
Displaying Sub Routes
Deeply Nested Routes
Code Improvement
Different Ways Of Declaring Route

Project using React Router

Build a Project
React Router 6 Video Course
130+ Tips, Tricks & Resources
Master Redux
Useful Resources