ReactJS Basics - #16 React Router - Navigation & Parameters

For a SPA, you need a Router. ReactJS Router is a powerful Router which allows you to create, manage and use Routes in your application. Time to use all the Routes, navigate between them and pass some parameters!

It is Part of the ReactJS Basics Series.

[ryanlh]

Just finished the whole video series. This is the best and most thorough explanation of React I have found. It clarified the points that were fuzzy for me and pointed out a lot of things I hadn't even thought of.

[krauser]

Just wanted to say a big thank you to you sir. Looking forward to learn React with Redux after this. This series was very elaborate and clear.

[_overide]

**Update for react-router v4**
1) In react-router v4, we don't have browserHistory, so for redirection we can do something like this -
onNavigateHome() {

}
And don't forget to bind "this" ie. onClick =

2) To access url parameters use - instead of

[vukivanovic]

great tutorials. tnx a lot. as a beginner- wannabe programmer who read and watched lots of tutorials i can say this series is one of the greatest.

[blueddl]

In react-router-v4, Link is now part of "react-router-dom", so you may want to change the import to
import {Link} from "react-router-dom";

If you want to use attributes like activeStyle or activeClassName, you'll need to use <NavLink> instead of <Link>

And you may want to change to to access url parameters.. this.props.match.params.id in our case

Thanks for the hard work, Academind :)

[mahmoudtokura]

OMG, I finally understand React js.
I have experience with Java, C# and Python but i was still not able to get the hang of these JavaScript framworks until i found you channel.
I have tried many tutorials before but i stopped half way because they were too confusing but this playlist just made it all clear to me.
I'm starting the React and Redux playlist tomorrow.
You are doing an awesome job.
Thanks

[kimthompson]

This course is easily the clearest React tutorial I've found. Thank you so much for making this! I'll be diving into your Redux playlist shortly.

[vsabreu]

Max, I've just elected you the greatest and most didactic guy that teaches React on the Web. Thanks so much, you did an amazing job! Anxious to watch the Redux playlist.

[mohammedikteelat]

Straight forward, simple and very clear. Great job Max

[pillaipetchiappan]

This is the perfect series to learn react for all the beginners. Every basic concepts are explained so clearly. Thank you so much

[DeaVenditama]

i complete this tutorial for 3 days, its a good and comprehensive material about react js.. thank you very much

[brunoborges]

The best React training of Youtube ! This fast and very objective and smart course, is better than the major Udemy courses ! So again, please, create a full training with more advanced tips about React, and publish in Udemy or other place ! I will pay for this absolutely !!! Thanks again.

[merajahmed]

Watched back to back whole 16 videos
Best tutorial on react

[omiq]

After watching lots of tutorials... finally, I got the basic concepts clear from this series... Thanks a lot... Max :D

[newcrate]

Hello Max! I spended my two last weeks with your tutorial. I needed to thank you for all you did. I tried many way to learn different languages and frameworks as a beginner and I should say you proposed the best way for learning. Of course is not very easy, each 3 or 4 video I get stack few hours in one problem :D Whatever, man you helped me discovering Nodejs, Mongodb, Npm, Bootstrap, React and improve my english, but it's not finish, lets learn redux now! Thanks a lot!

[Bhargava]

It had been a great experience watching this series of videos on React! Thanks!

[WilliFilme]

Danke für das tolle Tutorial und für das verständliche Englisch. Es ist fast so als würde man das Tutorial in seiner Muttersprache hören. :-)

[burningraven]

Hi,

<p> ID: {this.props.params.id}</p> was not working with react-router 4 so I replaced it with <p> ID: and now it's working.

Thank you for your tutorial.

[ArunKumar-gtpm]

The best react tutorial series on the web. Good job

[phillipscards]

Just finished this tutorial, you did a wonderful job! Thank you so much! Keep making those great tuts. Moving on to your react redux