React Router Complete Guide (Route, Link, NavLink, Redirect, Prompt )
HTML-код
- Опубликовано: 4 мар 2018
- Full guild to routing in react js using React-router-dom library. Redirect to different route, Use links to route to specific page and use prompt to stop from exiting a route.
Article and code samples from this tutorial
* github.com/techsithgit/react-...
Please be my patreons on patreaon
* / techsith
Follow me for technology updates
* / techsith
* / techsith1
Help me translate this video.
* ruclips.net/user/timedtext_vide...
Note: use translate.google.com/ to translate this video to your language. Let me know once you do that so i can give you credit. Thank you in advance. - Наука
I have been learning react for like 2 months down and wasn't able to figure out how to redirect and use prompt.
I have checked all the official documentation and finally this video made my day.
Thanks man.
Suraj, I am glad that you got it. :)
I bought a React course on Udemy. Im halfway trough this course and have no idea what Im doing. With this Video I learnt much more in much less time about how React works! Thank you!
I am glad it helped. Thanks for watching!
Is it one of the complete guide courses on Udemy? I am also doing it.
@@Techsithtube Hey Sir, can you please mention the extensions you are using within the tool, as it made it much easier to code. I tried React food truck and I am unable to use predefined functions or libraries in my vsCode.
@@Techsithtube Same here it was very helpful for covering the topics in detail
Thank you so much for this tutorial, I was looking forward to this!! Great examples, covering so many scenarios!! I have saved this to my favorite React tutorial list on youtube. I truly appreciate you providing these tutorials
you deserve a nobel prize in tutorialism
Great tutorial! You covered the basics very well! Many thanks!
Very right
"Tutorialism"? Well you deserve nothing lesser for inventing a word like that :) Good one!
You made a very important point in the beginning. People tend to teach these concepts within a large project which makes it really hard to understand. Thanks for the video.
Thank you so much for doing this as a project focused on the topic in question and not part of a giant project with useless info, great teacher!
I am gald that it helped. I struggled when i was learning react routers so I created using my knowledge to so others dont have to struggle.
This was great, thank you for leaving all of the typical project/app “fluff” out and getting straight to the point!
I love your videos man, I'm building fullstack applications now and your tutorials are the best.
Hi Techsith -- This is my favorite in the series -- nice blend of your signature instruction and lots of step-by-step code to introduce the facets of React Router: Link, NavLink, Redirect and All.. rock on!
Simple, clear and direct to the point.
I think every video should be like this, less advertise, and more on content.
Thanks you for the effort.
I have been looking for tutorials like yours for a long time. I can say you are very straight to the point. :) I really appreciate this.
Thank you for a clear explanation the react router, I am a student and this will definitely help me incorporate the router into my final class project.
I have used older React router in React 15.3 version couple of years ago in my project. Also I had seen some of the tutorials with react-router-dom but did not understand the core concepts of it. When I gone through this video I could get what you were trying to explain. Techsith, you are doing an awesome job. Especially your ES6 tutors were phenom..Thanks a lot..
Man, I need to thank you for your great explanation of the react-router-dom. I've watched several videos, but yours made me stop half way through to like this video, and leave this comment. Thank you sir. Please keep doing tutorial videos about react, you're very good at that.
Thanks for a nice comment!
Pure and Precise. Keep it up sir. Super easy to understand. Been doing react for two days now, this video made me understand routing in react way better than never before
Perfect, the good thing on your series that you build a different project every tutorial.
I have been following all 11 tutorials so far in this course. They are excellent and extremely well presented. Thanks
Thanks for watching Vim.
I spent 3 days on this one issue. When I route different pages they just all
Show up together. Using the “exact” method fixed these problems. Not a single other tutorial expresses this issue. Thank you so much !
Easy to understand. Straight to the point. Like it!
nice explanation, step by step guide..simple and classy !! helpful ! Thank you
Thanks to you I found my mistake, I've did the router worked when I was starting to learn react but I didn't understand well the routes in the app (Also I have them in another component). After 5 minutes I knew what was wrong.
Thank you so much, Now it's clear to me
I am glad that it worked out. :)
@techsith - this is an excellent tutorial on React Router, including application code and usage examples for Link, Navlink, Redirect, and Prompt - as you mention. *Thank you!*
I am glad that you learnt something for this video. Thanks for watching! :)
Nice video. Router concept explanation is damn good. Thanks a lot!
This is the video that I’ve been looking for... thank you!
Simple and straight presentation of ideas. Really liked. Thanks.
After a long search about react router, i am so glad that i found you
:) THanks for watching!
Very simple and helpful tutorial. You have explained everything so easily. Looking forward for more interesting tutorials. Keep it up.
"A lot of people build lrge projects and explain it that way" - 100%, thank you for having your approach, it's the best!
Totally appreciate the way you explain each topic with new app
Thank you for sharing knowledge in such an amazing way !!
Thanks a ton
Thanks a lot for this tutorial! Well explained. Easy to understand.
Thanks for taking the time to make this tutorial. It was helpful especially, introducing the different ideas and concepts sequentially and also explaining why you are introducing them.
Thanks for watching!
If you want some more advanced examples with react-router just see README github.com/Sin9k/react-router-dom-tricks
phenomenal teacher! Keep up the good work Sith
Thank you for this beautiful tutorial. All doubts i have about routing in reactjs have been cleared .. Thanks again sir.
Glad you got it prabhu. Keep on learning
Thank you sooo much! This is the best I've found!
Once again great content, helping me to understand how react-router works. Though am I puzzled with all the functionalities I could use (match, location, history, etc..) but I get the basic idea on the navigation and param passing! Thanks man!
I'm brand new to routing, thanks for the great video!
Thank you so much!, simple explanation but straight to the point!, ☺
Explanation and examples are very clear to understand, Thanks
Very Impressive. Hats off. Best way of teaching things.
Amazing Tutorial for React. Thank you!
Very good. Simple and intuitive.
This is really amazing. Thank you for your nice explanation!!
Thank you for a great and comprehensive video!
Very good attempt to get users started off with react-router-dom. Personally, it helped me very much for an interview. Thank you.
I am glad that helped you. Good luck with the interviews ! :)
Thanks for tutorial. It was useful for me :)
This video is great! Thank you so much for explaining
best tutorial i found on RUclips for this topic great work thank you so much
Glad it was helpful!
Sir You Are Amazing..I Was Trying To Find A Solution Related To Conditional Routing For 3 Hours And You Solved My Problem
I am glad that you were able to solve this. Thanks for watching.
Awesome tutorial and to point things. A big Thankx for that, I appreciate your teaching skills and honesty of telling about everything deeply. Thank you.
Thank you for watching! :)
NICE!! Very much helpful..short n to the point video...please make this kinda videos...Will go through your all React videos....Thank you so much
You make the learning so simple .....I have seen that video on other sites but it's so confusing. Thanks for doing this
Glad you think so! :)
Another superb video...nicely explained...
I loved your video its very simple,easy to understand for beginners & it helped me a lot.
Great work !! Very nicely explained !!
Amazing video. thanks for doing it.
Really enjoyed watching this tutorial, I have subscribed and hit the notification bell :-) Looking forward to seeing more videos.
Thanks for subbing! Keep on learning!
This is very useful and can be applied to a real world case. Thanks
Thanks Simon for watching!
Awesome tutorial!
Very good details on Router. Thanks🙂
Please don't stop tutoring! you are great
This is an excellent video!
Thanks for explaining this.
you explained it pretty well and very easy to understandable manner
Amazing explanation. Thanks a lot Sir.
your tutorials are always awesome. great tutorial on react router
Thanks for watching Naveen!
While Reading about React in Medium blog was difficult to understand initially.After going through your videos,now I am reading those articles ,every blog about react seems interesting.Thank you.
Great stuff!
sir you are such an amazing teacher and I really like the way that you explain concept.
even by seeing the way that you explain concept, I guess you are a disciplined and honest person
thanks so much
thank you, i think this is very simple explaination, honestly, i m very dificult to understand how JS routing page, because im from PHP programmer, but now, i know how it work, thank you very much
All of your videos are life savers!! Thanks! :)
I am glad the videos are helping you ! Thanks for watching Jessica! :)
this guy's so good, he speaks clear English!
Well, not really. He keeps saying stuff like "we going to" instead of "we're going to," "vweedeo" instead of "video" and other things that are grating on the ears of native speakers.
Thank u for great explaining !
Thank you So much for this video. It is in depth and very good explanation. Thanks again.
You are the only one , who did this topic , in this awesome explanation on youtube........you are awesome
Thanks for the explanation, very appreciated.
Awesome React js Tutorial series Thank you so much
Really helpful, major parts of the react are explained in a proper way so that it can be understood easily 👌👌
Thanks for watching Raju.
Single word just awesome explanation
I did liked the video. I have paid subscription to Pluralsight but could not understand there and i have to fallback to ur video for understanding router. Great Job
Such a Brliiant video on Routing, you made is extremely easy to understand! Thank You!!
if you want some advanced examples just see README: github.com/Sin9k/react-router-dom-tricks
Thanks for a very nice tutorial!
Thank you for such a wonderful video...You made React router very easy to understand.
Thanks for watching Deepak!
Love you men ♥ this was just what I needed
:) I am glad you got it. Thanks for watching!
I can find the best solution for javascript from your tutorials. You are the best. thanks and regards.
Thanks for the comment Rohit. Keep on learning!
Great.. It is very useful to learn react router concepts.
ThankYou.
Thank for watching Prabhu !
What a great tutorial, Thank you!
Thanks for this tutorial, very easy to understand for beginners
Thanks for watching!
brilliant way of explanation you are a great teacher!
Fantastic video. Thank you
clear and useful!
You saved my week!
This is a great video. Thank you!
It's very clear to understanding and helpful..!!
Glad you think so!
Thanks for very clear concepts building
Good job. Well explained. Thanks.
Very well explained, thank you sir!
Thanks for watching Danny!
Nicely done! Thank you!
Great videos you explain a lot and in great detail, your series deserve more views :)
I do want to add though that a login example may not be the best scenario to use for these particular examples. It should be made clear that pages that require login restriction should be handled server side and not everyone that follows these tutorials would know that. Any client side restrictions can be circumvented and I believe this is important to mention!
All the best to you and I'll be looking forward to more of your content,
Fred
Thanks for the video. Helped me a lot
Found this very helpful thank you so much!
Glad it was helpful! Thanks for watching!
Great Explanation, sir