Useful React.JS Learning Resources

Below are some links that you might find useful for learning React.js and Flux, Facebook’s successful JavaScript UI framework.  There are a lot of resources out there but here are some of the best that I have collected for members of my team.

Introductions and overviews of React.js

• The React homepage : https://facebook.github.io/react/
• Official getting started guide: http://facebook.github.io/react/docs/getting-started.html
• Official tutorial:  http://facebook.github.io/react/docs/tutorial.html
• Solid dummies guide overview: http://blog.andrewray.me/reactjs-for-stupid-people/
• Cheat sheet of key concepts: http://ricostacruz.com/cheatsheets/react.html
• Solid overview: https://scotch.io/tutorials/learning-react-getting-started-and-concepts
• Example Todo application:  http://todomvc.com/examples/react/#/active
• Controller views : http://blog.andrewray.me/the-reactjs-controller-view-pattern/
• State : https://medium.com/react-tutorials/react-state-14a6d4f736f5#.qjotypb2l
• Props : https://medium.com/react-tutorials/react-properties-ef11cd55caa0?source=latest—
• Components : https://medium.com/react-tutorials/react-components-828c397e3dc8#.uot8gvkz4
• Official docs on React Forms: https://facebook.github.io/react/docs/forms.html
• React Forms: http://jamesknelson.com/learn-raw-react-ridiculously-simple-forms/
• More React Forms: http://stackovrflow.com/questions/24147331/react-the-right-way-to-pass-form-element-state-to-sibling-parent-elements
• And More React Forms: https://blog.iasinnott.com/managing-state-and-controlled-form-fields-with-react

Flux

• The Flux homepage  https://facebook.github.io/flux/docs/overview.html
• Solid dummies guide overview: http://blog.andrewray.me/flux-for-stupid-people/
• Another solid overview: http://jonathancreamer.com/what-the-flux/

Tutorials for Flux & React

• https://facebook.github.io/flux/docs/todo-list.html#content
• https://scotch.io/tutorials/getting-to-know-flux-the-react-js-architecture
• https://scotch.io/tutorials/creating-a-simple-shopping-cart-with-react-js-and-flux
• https://www.codementor.io/reactjs/tutorial/react-js-flux-architecture-tutorial

Books

Prefer the old school approach of reading a book then instead check out this: React.js Essentials by Artemij Fedosejev