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