React Router 6 - What Changed & Upgrading Guide

Thank you so much! useParams saves my day!

i'm doing your full react course and i'm having a hard time following your router module because it's react router 5 and trying all i can to convert it to react router 6

Thanks for this video. v6.0 --> v.6.4 my order to upgrade from v5.3 Also I come from MERN stack course. Are you planning to update this course in the future?

I've come back to this video several times, it's a lifesaver! Thanks!

How to integrate react router 6 with redux saga ?

mindBlowing Explanation...

thanks

Like ?Sort=asc...
As we did in the React course to programatically change the sorting order.

With Best Wishes Sir!
What about query params Sir???

thanks a lot

תבורך מפי עליון!

Thanks, Max .

bought your course twice.

This is so useful, old tutorials using a different syntax meant I had absolutely no clue why my jsx weren't rendering until I stumbled across your video. Thank you!

Hi, thank you for this video, it is really helpful but I've a doubt, that is how to get props?

Thank you!

Thank you very very much. I was learning React-Router from 1 year older videos and it was not woking and i was frusteted but after watching this I am relived.
thanks again

Thank you , still you forgot to speak about useRouteMatch that doesn t exist anymore

such a great video, thanks so much for making the video

Thanks for sub

excellent clear explanation, auto subscribe!!!

THANK GOD THIS TUTORIAL EXIST

How to use usenavigate in class component after new update history.push is not working I don't want to use window.location because it's reload the page

this guide is fucking awesome

why we don't get history,location,and match object in V6 ,so how we can navigate programatically from class component ex. this.props.history.push("/checkout"); Please Help

Isn’t changing the established form of the className prop (for NavLink) a debatable design decision?
This is a great summary of the changes btw!

Thanks for the best explanation about activeClass for NavLink :-)

yore best teacher in the world

thank you.

Amazing! Much appreciated, amazing explanation, will start using v6 now

How to see history object in console in router v6 because withRouter no more exsist in v6?

Such a brilliant and to the point explanation.
I learned react native from you and now react router explanation is superb.

when will you learn to properly pronounce the V?

Thats why you are highest rated on udemy too.. Thanks Max

Hi, What is the best way for creating a guard with the new Router. What I mean is that I have Admin page and I want the user to be navigated only when he is logged in.

Hey Max, i just bought your react course in Udemy. Will it be updated to v6? or it was updated already.. i'm just starting the course

Thanks for the update. There is another change I saw which was "withRouter" was not found in version 6 or react-router-dom. Please do you know the alternative to "withRouter" in version 6?

hello you mentioned in your meetup app with react that we do not want to send data from a database due to security. I was wondering is there a way to fetch video data as you did with an image and somehow have it encrypted to prevent users from downloading or viewing the video without being logged in. I tried this and i noticed the data was able to be seen inside the inspect element. Do you have a course that details this concept ?

thanks a lot

Exactly what I was looking for.......cheers

Pour ceux qui feraient le tuto en 2022, Switch n'existe plus, il faut le remplacer par Routes. ainsi que component dans les Route, il faut l'écrire comme cela <Route path="/" element={<Home/>} />

Hey max, could you please make video on xstate/react api’s

Helpful. I did fall in love with your React course

Hey! Fantastic tutorial. Two questions tho:

1- If I'm inside of a component, now routing is relative to the parent. What if I want to go out, and have a link to the main page? Am I obligated to use navigate? Or navigate is also relative to the parent route?
2- The outlet: we saw an example of an outlet with just one child. But what if have two or more children? How can I specify the place to show each of those if the position in the page for them is different?

Thank you so much for this!

how to display nested route component in a new page? Please someone help me.

I still watching to see if your video cover react router : Route Render Function and Route Props thanks for your efforts

Thanks Max! Great video as always. What's the best way to declare child routes that are not nested. For example if you have a Products page (/products) and a sub category of products, something like (/products/chairs). You just put one bellow the other or there's a better way to declare them?

useNavigate doesn't work in react class component. anybody know how to use it?

This video was super useful - thank you :)

Thanks max you're awesome