React Router v4 Tutorial - #1 Intro

Welcome to React Router v4 course! If you've built web apps with a framework, be it server-side (Node, Rails, Django, Laravel, etc.) or client-side (Angular, Vue, Ember, and a slew of others), then chances are, you're already a pro at static routing. Time and again, we'd first create a config file with our route definitions, and when the app bootstraps, it will then read the routes, match the current URL to one of the entries in the file, and only then render the UI back to the user. Sounds familiar? In fact, the workflow in React Router was (almost) no different up until v4.

For this series (and as always), we'll take a very practical and pragmatic approach to discovering this new tool. We'll build out a simple blog SPA (single page application) where visitors can learn about best writers and their works. For navigation, you guessed it, we'll utilize the full power of declarative routing in React Router v4. On top of that, we'll bring in bleeding-edge ES6+ features.

See you next time!

[umanagaswamy]

All your videos are awesome, and thank you for all your efforts! Please take this as constructive criticism. Increasing the font size and clearing screen when typing long commands since it gets hidden by the youtube scrollbar if it is at the bottom.

[CodeRealm]

Bonus: we'll soon pull in Material-UI to make the blog look awesome! (It plays nicely with React Router out of the box, no worries) This will be fun ;-) Stay tuned!

[mstalcup]

I love your tutorial here. It is better than any other I have seen on the topic because you link it to real-world application integrating useful modules. The only thing I would change is for you to use a MUCH bigger font size. I hope you will consider this. Thank you!

[srikantht]

Love your work !!! You have great explanation skills

It would be awesome if you make videos on react code splitting, react design patterns, react progressive web apps.

Thanks for your awesome content once again !!!

[khamdamov]

Damn it, you are rock and you are too good at React and all that damn stuff. I want to work with React as you do. from now I will follow your series. by the way I have fixed the problem which I wrote below.

[andrewkorin]

I wish I could like the vid twice. One like for the video and the second for Nietzsche xD

[khamdamov]

I have got this error when I am using "fetch" inside componentDidMount

Failed to load resource: net::ERR_CONNECTION_REFUSED
:3004/writers:1
Uncaught (in promise) TypeError: Failed to

[yokiijay]

Big thumb!!! No reason, just awsome, no need to search other tuts.

[RodrigoAvila]

You can replace by "yarn run json-server", right?

[Dcmorris]

How would you do this differently if you had the data set in a data.js file instead of making requests to a server?

[tonyl]

Great Video!! Keep it going. Wondering if you can help...installed the json-server with sampleData.json file....launched on port 3004 but getting a 404 error while trying to issue curl localhost:3004/writers cmd. can you PLEASE HELP?

[flatsafety]

your videos are awesome! Just need a better mic!

[tanyagupta]

Can you share the link for the code of whole series??

[KapilKumar-hkxk]

Great tutorial Sir. Can you please give the provide github url for the code.
The one you mentioned in description is for json-server.

[alzrck]

Great videos, great tutorial, thanks. Is there any chance i can get the source of this tutorial? thanks in advance. Regards

[skywalknotpossible]

seems like that sample json is not available anymore. Anyway, great tutorial. Cheers