This man is a genius. I cannot thank him enough. Every other tutorial, even the official documentation, shoves way too much extra stuff in your face before they go over the basics. I appreciate the structure and clarity going on here.
i generally dont watch tutorials because i feel like i am wasting my time and just read the documentation but this video has helped me a lot because the documentation was complicated. thanks a lot
@@yyyzzz-k3rthat's 99% of documentation out there with extensive material, that's why I end up writing my own cheat sheets and notes when I learn a tool
He is a true professional and a teacher. Honestly I've learned from this tutorial more than in a full length course. Thank you and please keep sharing simplified and perfectly explained content as the above.
I'm evolving from a normal html/css/js web developer into a react developer, and my god I'm just so impressed with npm and react right now. So much stuff to make coding easier! I also love your tutorial on how to get started with routers. I was still using anchors and href this I discovered routers not too long ago :)
Man you're saving my life right now. I started to learn React Router but when I saw those massive information block I was spooked by it. Thanks for this video!
Odd question, but is there a chance you can include a keyboard overlay that tracks your button presses? Would love to see the shortcuts you use in real time
This video should hopefully help with how to do this. It is using an older version of React Router, but the general idea should be the same. ruclips.net/video/PKwu15ldZ7k/видео.html
was working on a project, had some obscure questions that google didn’t help with, but this video somehow magically answered literally everything right when i needed it.
Dope, I will probably have to watch it one more time. Really cool to see how much you have grown compared to your old videos. You are so much more expressive and enjoyable to listen to. Keep up the good work.
My man!!! That's better than any paid course... You should hire someone to translate this to other languages, many non english speakers are losing your awesome content!! Tnx!
Wow! I feel like I watched this on 1.5 speed. Such amazing information in such a short period of time! I'll definitely have to watch this a few times for it all to sink in. Exciting!!!
Wow, this was very helpful. I appreciate how you did not cover just the basics but all the small and big parts. You are such a great instructor. Thanks for taking out your time and making it for us. I can not thank you enough.
Holly heavens, i have been struggling with react router v6 and i was planning to give it a shot and read the documentation and here you are saving for the day, thank you
Thank you fr, solved my problem in literally 5 minutes. Spent the entire day on different tutorials and even the documentation and you solved my problem in 5 minutes.... Thank you again
About the replace attribute, I believe another important use case for wanting to replace the last element on the browser history would also be if you have some sort of payment page, you want to make it difficult for your user to accidentally pay twice.
bro just created a visual representation of react-router-dom v6 documentation in one go🤯🤯you are amazing bro & thank you very much 💖 for providing web dev experience in a simplified version
Kyle i have to watch ur router v6 video at 0.9x speed and still keep replayong certain segment to understand it properly. It's way too much to consume in one go and i still very much love it !!
hey web dev simplified, you totally saved my life for creating this masterpiece, very clearly explained for every details, truly appreciate your hard work, please keep it up!
Very high quality content from this man, every time I have doubts on certain topics I just look for his tutorial and really helps me to understand, crazy precise and concise explanations (IMO). I guess he isn't joking when he says "my job is to simplify the web for you". Respect good sir!!!
Thanks you for all your tutorials. It really helps in my job. I created an enterprise level application in React all by myself. Couldn't be possible without your tutorials
@@WebDevSimplified There is a scenario in which I want to show a separated component for only index (/books) route with component RootBooks. Problem I am facing, RootBooks component shows within BookLayout. I do not want to show contents of BookLayout, just RootBooks contents should appar when I move to route "/books". How can I achieve this with react router v6 ?
Thank you so much for explaining this topic so efficiently. For someone who is new to react and had no experience about routing in react world, this was very much helpful. It gave me a pretty solid understanding to begin I think.
The ENTIRE INTERNET would crash if not for you Kyle! :) .. Seriously; you help the total-beginner all the way to the most senior developer. Amazing amazing amazing.
Everything is Amazing except that I lost my mind with the number of times you said the word Book. Anyway this is really awesome. Useful, Short and Straight to the point..
Will there be an updated video created for post v6.4? The docs now recommend to phase out BrowseRouter and use createBrowserRouter instead so you can leverage their new data API (loaders, actions, etc). Although, createBrowserRouter seems to have a better use case for more complex applications that deal with data
I would love to see a video from you that talks about how to set up connections from React to a database and how to make changes to the database from the front end. I've tried searching around google and youtube but haven't found a good tutorial on it.
There's a reason why you didn't found anything, since you should never do that actually. It's very insecure, your backend should communicate to your databases.
This man is a genius. I cannot thank him enough. Every other tutorial, even the official documentation, shoves way too much extra stuff in your face before they go over the basics. I appreciate the structure and clarity going on here.
I agree, he's the best
Also he has that disney-prince perfect hair 😭
This feels like paid content that I didn't pay for. Learned so much more in a half hour video than I have in a 3 month course. Truly amazing!
i generally dont watch tutorials because i feel like i am wasting my time and just read the documentation but this video has helped me a lot because the documentation was complicated. thanks a lot
Yeah, I was trying the documentation and they hide a lot of materials... they are just like do this., do that.. never explain why
@@yyyzzz-k3rthat's 99% of documentation out there with extensive material, that's why I end up writing my own cheat sheets and notes when I learn a tool
He is a true professional and a teacher.
Honestly I've learned from this tutorial more than in a full length course.
Thank you and please keep sharing simplified and perfectly explained content as the above.
I'm evolving from a normal html/css/js web developer into a react developer, and my god I'm just so impressed with npm and react right now. So much stuff to make coding easier!
I also love your tutorial on how to get started with routers. I was still using anchors and href this I discovered routers not too long ago :)
right? first time i started using react, my mind was blown lmao
didnt know that Homelander now teaches react
😂
😂😂
😂😂😂
😂😂😂😂
😂😂😂😂😂
I think I know my Router v6, but I'll definitely check this video out cuz, knowing Kyle, he probably has some cool tricks up his sleeve.
Seriously this video is different from other videos where they just tell how to setup a thing and dont go in details.
Thanks bro
Man you're saving my life right now. I started to learn React Router but when I saw those massive information block I was spooked by it. Thanks for this video!
Pack 45 minutes, a well done tutorial I think the community should start thinking to give you a title like The WDS Professor.
This was so hard, but I was able to follow it. Thanks man
Odd question, but is there a chance you can include a keyboard overlay that tracks your button presses? Would love to see the shortcuts you use in real time
Could you also go over protected pages like account pages once you are logged in?!
was wondering about that one aswell, with the new version it seems to be a bit more complicated imo
This video should hopefully help with how to do this. It is using an older version of React Router, but the general idea should be the same. ruclips.net/video/PKwu15ldZ7k/видео.html
you can just create an HOC
was working on a project, had some obscure questions that google didn’t help with, but this video somehow magically answered literally everything right when i needed it.
Dope, I will probably have to watch it one more time. Really cool to see how much you have grown compared to your old videos. You are so much more expressive and enjoyable to listen to. Keep up the good work.
The clear, firm and fast way you teach is impressive. Thanks
This is the first programming tutorial I've watched at 1x. That is a huge compliment in my book.
you literally just saved my life holy shit i've been trying to learn this stuff for like a whole week and you just magically did it THANK YOU
Hey man. Thank you so much for these videos. Because of you, I am now proficient in react and I am pretty good at my new job as software developer.
Ditto!
You're definitely the best teacher when it comes to web development imo. Even your react hooks course that I took felt perfect man you're the best
My man!!! That's better than any paid course... You should hire someone to translate this to other languages, many non english speakers are losing your awesome content!!
Tnx!
Wow! I feel like I watched this on 1.5 speed. Such amazing information in such a short period of time! I'll definitely have to watch this a few times for it all to sink in. Exciting!!!
I usually don't learn a lot from tutorials, but this one was by far my all time favorite tutorial because I actually learned a tone!
Thanks man!
Thanks for the introduction to React Router.
FYI: You can use `component={ My Component }` instead of `element={ }` to avoid extra loading
your method is not working i do not know why?may be they stop using it in updated version
ya,in the updated version(v6) there is no `component` only `element`.
3 minutes into the video and my page is already working! Awesome! Now I'm going to watch the entire thing!
Why the heck are you so good at explaining? i love the way you explain man!! you're the best teacher i've ever had hands down
Wow, this was very helpful. I appreciate how you did not cover just the basics but all the small and big parts. You are such a great instructor. Thanks for taking out your time and making it for us. I can not thank you enough.
Holly heavens, i have been struggling with react router v6 and i was planning to give it a shot and read the documentation and here you are saving for the day, thank you
Congrats on 1M🥳🥳
Thank you fr, solved my problem in literally 5 minutes. Spent the entire day on different tutorials and even the documentation and you solved my problem in 5 minutes.... Thank you again
About the replace attribute, I believe another important use case for wanting to replace the last element on the browser history would also be if you have some sort of payment page, you want to make it difficult for your user to accidentally pay twice.
bro just created a visual representation of react-router-dom v6 documentation in one go🤯🤯you are amazing bro & thank you very much 💖 for providing web dev experience in a simplified version
So I had a bug for days, and this man showed it to me 2mins into the video. Love it
great one kyle... i was just ignoring react route v5 and implementing v6 for my project... compared to v5, v6 is pretty straight forward...
Congratulations for 1 M subscribers.. please do the separate video and tell us how you started journey
Today I am going to be drank.
Kyle i have to watch ur router v6 video at 0.9x speed and still keep replayong certain segment to understand it properly. It's way too much to consume in one go and i still very much love it !!
was removed in react-router v6. I think it would be useful if you add something for that case as well.
Thank you for these comprehensive videos. I would be very grateful if you upload a full in-depth video on Redux Tookit and RTK Query.
hey web dev simplified, you totally saved my life for creating this masterpiece, very clearly explained for every details, truly appreciate your hard work, please keep it up!
Thanks Kyle, highly informative and helpful as ever, really helped me with an issue I was having with the nested router functionality.
Yoo, this is so in-depth! Thanks😀
You earn my respect for the extra content routing. I never think about it. Thank you for sharing that
Your a pure genius, it seems so much easier when listening to you! Thanks!
I was thinking I know what react router is. After seeing the thumbnail 45 min what he is teaching and after watching the video 🤯🤯
the react router v6 docs literally sucks glad u are here for the rescue
This is brilliant!!! You're an amazing teacher! You're explaining so fast, but so good, I can't believe anyone can be so good at it
Man, I love you! So concise and efficient, you're one of the best educators out here.
Very high quality content from this man, every time I have doubts on certain topics I just look for his tutorial and really helps me to understand, crazy precise and concise explanations (IMO). I guess he isn't joking when he says "my job is to simplify the web for you". Respect good sir!!!
Man your speed and no fuss is why you're great.
Thanks you for all your tutorials. It really helps in my job. I created an enterprise level application in React all by myself. Couldn't be possible without your tutorials
Congratulations!
@@WebDevSimplified There is a scenario in which I want to show a separated component for only index (/books) route with component RootBooks. Problem I am facing, RootBooks component shows within BookLayout. I do not want to show contents of BookLayout, just RootBooks contents should appar when I move to route "/books". How can I achieve this with react router v6 ?
This guide literally saved my mental health.
One of the best explanations ever, thank you Kyle for all your tutorials they are very very helpful and informative!
Can not thank you enough man !
You've really summarised it efficiently !
this is really nice, with no over info. its concise and helpful. Thanx
Congratulations on your 1 million subscribers! You’ll have another 1 million in no time, I’m absolutely sure. Keep them coming!
Thank you so much for explaining this topic so efficiently. For someone who is new to react and had no experience about routing in react world, this was very much helpful. It gave me a pretty solid understanding to begin I think.
You are the best. RUclips is lucky to have you!
Keep going bro nice I love your explanation 😊
This guy is a genius!
You have saved my life so many times with your videos! Thanks just for existing
The basics really helped me complete the header component for a project of mine!!! Very useful!! Will watch the rest at another point too!!
Perfect tutorial ! This is my first ever comment on RUclips and I've watched many vids but learned so much so much quickly in this video 👏👏
Great video.
1million subs ! Bro, that's huge ! Years of hard work and dedication paid off. Congrats a ton ! Well deserved !
Seriously just few days back finished your react navbar route video and now this comes🤩🤩
best explanition ever covered every thing i don not know how to thank you
Man you really simplifying web for us, Huge respect and lots of love🤩🤩
The ENTIRE INTERNET would crash if not for you Kyle! :) .. Seriously; you help the total-beginner all the way to the most senior developer. Amazing amazing amazing.
Amazing content and with best possible explanation , Didn't know earlier how many options we can have in just one topics... hats off
Fantastic tutorial for someone newish to React and React Router. Much appreciated!
One of the best updated React Router Dom videos! 👍🏼
This guy is my hero! For reals, thanks man, your tutorials have saved my butt in this coding bootcamp I'm taking.
You are extremely good teacher, thanks for ur content!
Congrats for 1M subs 🥳🎊✨
Extremely Amazing Content 🔥🔥🔥🔥🔥🔥
Everything is Amazing except that I lost my mind with the number of times you said the word Book. Anyway this is really awesome. Useful, Short and Straight to the point..
Thank you so much man, your videos helped me a lot to get a job as front end developer
Thank you so, so much. This is the guide about this on all of RUclips.
OMG This is so helpful. This makes the reference page extremely readable!
very comprehensive explanation and easy to understand. Thankyou
Great overview now I can go ahead and read the docs with more confidence :)
This is the best tutorial I've seen so far, Thank you so much !!
Kyle man you are god sent, can't thank you enough for uploading such really useful videos.
Thank you so much for explaining with practical examples and code walkthrough! I learnt it well!!!
Thank you. It helps to start learning React Router better than docs.
1M Subscribers!!! You deserve it!!!!
Thank you so much. I always got lost in their documentation.
This was an excellent video! A great summary of React router, helped me a lot.
You teached me in a very simple way !!!! Thanks Man
The boy is a champion. Cheer him up with followers
Will there be an updated video created for post v6.4? The docs now recommend to phase out BrowseRouter and use createBrowserRouter instead so you can leverage their new data API (loaders, actions, etc). Although, createBrowserRouter seems to have a better use case for more complex applications that deal with data
So far best tutorial in react routing!
Kyle . Congrats On reaching one million subs. You've been very helpful
Congratulations for 1M Subscriber. Really happy to see. You deserved it. Go ahead.
I would love to see a video from you that talks about how to set up connections from React to a database and how to make changes to the database from the front end. I've tried searching around google and youtube but haven't found a good tutorial on it.
There's a reason why you didn't found anything, since you should never do that actually. It's very insecure, your backend should communicate to your databases.
@@leventemathe2610 That makes sense, thank you
Thanks man it really helps everytime i caught problem with react router you really great man
Thanks for your generous and pedagogical information.
Appreciate all your videos! I always look for your breakdown on pretty much any topic that pops up now.
You really make those content simple and easy to understand, genius!
The best explanation for react router v6
amazing tutorial, really well explained, precise and concise