"React: A framework for the development of the future user interface"--self-editing tutorial source code

Second, JSX

Chapter II Source code DEMO1-7
React uses native JavaScript version react uses JSX statement react to automatically identify {}, when JavaScript handles react child nodes This.props.children jsx embedded in JavaScript, such as: condition Judgment, Use variables, use functions, use logic with (&&), use logic, or (| |) React non-dom attributes (key, ref, dangerouslysetinnerhtml) and event react annotations, special attributes (ClassName, htmlfor), style three, component life cycle

Chapter III Source code DEMO1
React component life cycle Four, data flow

the fourth chapter of source code demo1-4
Set props to an object props to add the event handler Proptypes and Getdefaultprops state states Six, the composition of the component

the sixth chapter of source code DEMO1
Components of composite--radio & Radiogroup VII, mixin

the seventh chapter of source code DEMO1
Mixin Nine, form

the Nineth chapter of source code demo1-7
The Label text box for the unconstrained components and constraints component form and the Select Options box are unconstrained and constrained by the Name property of the form element of the check box for multiple form elements with the change processor (1, pass. bind other parameters; 2, Use the Name property of Domnode to determine which component's state needs to be updated, using React's addons linkedstatemixin custom form component ("Uncaught TypeError:this.transferPropsTo is not a function ", do not know the reason why the method was deleted after the React library upgrade. ) 10, animation

the tenth chapter of source code Demo1-3
React CSS3 react JS animation react requestanimationframe Animation 14, build tool

the 14th chapter source Code 1, gulp+browserify constructs react application 2, Webpack constructs the react application 16, constructs the tool

Chapter 16th Source Code 1, react-router routing 2, Flux architecture

Wrong place to correct, help remember start OH