React Router Tutorial for Beginners - Navigation, Multiple Pages etc.

This is a React router tutorial using react router navbar and also react router for multiple pages, and react router explained in 2020. In this video I will be showing you how to use React router. React router is basically navigation components which help to navigate through pages without having to refresh the browser, thus making it a single page application. I will be showing you how to use react router, and it's components which are react router route, react router switch, react router link.

**Timestamps:**

0:00 Intro

2:24 Installing React router

3:24 Importing React Router Components

3:50 Intro to Router, Switch and Link

5:50 Intro to Route

8:00 Content into Components

11:24 Conclusion

**Help the channel out if you got value -**
Leave a like for others to see this video and get value as well

**Watch my React tutorials -**

Thanks for watching and don't keep waiting for the next video and subscribe and turn on notifications to get notified every time I upload a brand new video.
About me -

I am Shanjai raj. I love to code and I am a Junior front end web developer.
If you have any questions, leave them in the comments, I'll answer all of them (I promise)

HK---

[DRocksRecords]

You teach better than some older people good job and thanks for the demo

[dustyfrypan]

Doing a good job kiddo.

A couple of points. You should have just a single Switch component, otherwise it defeats the purpose of using Switch. Switch should only have Route or Redirect as it's children. Have a look at the documentation for such examples.

All the best. Keep up the work!

[jwalk]

Awesome, a 9 year old just taught me!

[willturner]

Lots of love from California,
Btw what's your age dude..

[FeralBoyKnives]

Great job, this is exactly what I was looking for.

[jonatapereira]

Hi from Brazil! Thank you for that video. :)

[anuj]

Hey bro how old are you? Btw you have a very good knowledge & thanks for the tutorials & keep going 👍

[TheWandererDoc]

how old are u bro, btw u can also put <route component="products'

[Mohsin-Raz]

Thanks for the tutorial you have earned a subscriber

[mukeshmaurya]

Giddy Up, I am looking for this info.

[GMERT]

Please can you make a video on linking thank you page to emailjs code. I have been having issues with that for more than 3weeks and no video of that nature on youtube.

[thevloglife]

How to hide components with header and footer on login page and registration page?

[puranjaysen]

4:55
How to you write both "about" at the same time ?

[prod.kashkari]

This is great, but why couldn’t u make a Jsx file for all of ur components, one which renders the “App.jsx” and within the app you have all your switch and links? Just confused as to why you had all js files