ReactJS links and information collection

Open-source Javascript library for creating user interfaces developed by Facebook team. Its initial release was in 2013, and stable version was only in late 2014 (0.12.2). It has soft learning curve, thanks to simple idea of encapsulated UI-elements-and-JS-components communicating to each other using set of defined ways. ReactJS production is ~128 KiB.

First, to read

• Official docs of course
• Navigating the React ecosystem
• Really good cheatsheet on ReactJS at ricostacruz.com 
• Articles on ReactJS collection
• React cheatsheet

Tutorials and demos 

• JsFiddle playground for starting w ReactJS (online)
• React.rocks examples (50+)
• EggHead starter project (github project)
• http://x-team.com/2015/03/xplorers-journey-react/
• https://zbyte64.github.io/reactjs-crashcourse/lesson1.html

ReactJS Components libraries

• Two most popular ones: elemental-ui, touchstonejs (mobile)
•  Even more lists of libraries: stackoverflow.com, github.com

Must know component properties/methods

• getInitialState - This is called before our render function. The object that is returned is assigned to this.state, so we can use it later.
• componentDidMount - When the component loads, you can for example send a jQuery AJAX request
• componentWillUnmount - This method is called immediately before the component is removed from the page and destroyed
• setState / replaceState - set values into componet state
• this.props - to access parameters passed from the parent
• this.state - to manage dynamic data.
• this.refs - to use DOM nodes references (via ref="myInput" attribute in render method)
• ... more in http://ricostacruz.com/cheatsheets/react.html