The Ultimate Introduction to ReactJS [Part 2] - Navigation, Event Flow, and Async Data Fetching

Jordan [ @AlwaysBCoding ] and Zac [doesn't use twitter] teach you how to become a pro at ReactJS. In this video we talk through how to configure the create-react-app template for production deployments. How to build React navigation from scratch, and how to then enhance that navigation workflow with React Router. How to send arbitrary events using Facebook's EventEmitter library. How to handle async data fetching, rendering, and more.

Episode Summary
========================
[0:00] - How to Deploy Create-React-Apps
[11:55] - Creating a Navigation Template
[26:41] - Creating a Navigation Workflow
[58:10] - Refactoring to React Router
[1:14:25] - Async Data Loading Workflow

Source Code
========================

[ejme]

This two part series is some of the best tutorial content I've found on youtube. Big time thanks. Keep them coming!

[Retnuh]

First off, your videos are VERY Informative and you have actually helped me understand areas I was struggling with React.
Secondly, I am with Zac, do a Redux video like this. Maybe a React & Redux small real world.
And last...
Keep the videos coming, you are a great teacher!

[rashulrajbhandari]

This is actually very informative. Love the way you are fast and cool while coding. Keep up with the good work!

[ekv]

Please more of React tutorials! U rock bro it's really easy to listen to you and it's very informative.

[ivanteitsson]

Nice, very well explained, looking forward to part 3 :)

[damianhouse]

Thanks for the great video. Excited to see part 3!

[Greenadee]

About time! Great video as always guys

[allanblack]

" This is gonna be some fn jujitsu CSS skills right here" LOL!

Great video man! Learned a ton about React!

[werewasyo]

the tic tac toe one is legendary status now

[gjcarrow]

Very cool. I was hoping, though, that you were going to use the new React Router. Looks like there are significant changes in the new one.

[Linsjb]

Sure, it goes a bit fast sometimes. But hey, this is just awesome. Thank you so much! Really helping me get started with react.

[boogunlana]

Hey Jordan, thanks a million! Excited for part 3.
Will this be going on decypher too?

Also you could use a Procfile.dev if you want to run foreman in development.
just make a Procfile.dev file and run foreman start -f Procfile.dev
That way you can run the npm start and sass --watch in the same terminal

[yuiop]

Hey Jordan, great tutorial! I was wondering where did you learn react yourself?

[soumyachaurasia]

This video helped me a lot . Release similar tutorial video for redux as well

[Mr.Plutonium]

would you use multiple react apps on the index page when your dealing with incorporating react on an existing project that uses a stack like RoR or .NET

[ers-br]

Great video! Keep creating more! One question: could we create a global JS variable for the emitter instead of passing it down?

[jmack]

52:10 events module was created by facebook? I thought it was a native js library from the Node Core?

[justinbess]

I noticed you use the class attribute for almost all elements, is there a reason that you don't use the id attribute for things that you are almost certain will only render to the page once?...

[zhangbruce]

great video, can you do one with react/rxjs?

[DavidWMiller]

Is there a reason for using the lodash .each vs the native .map or forEach ?