intoroduction to react.js
TRANSCRIPT
- 1. Introduction to React.js
- 2. React.js React? jQuery?
- 3. React.js
- 4. Virtual DOM JSSEO
- 5. Facebook Instagram Yahoo Atom Editor(ReactVanillaJS ) Airbnb
- 6. React.js
- 7. React Component JSX Virtual DOM Server-Side Rendering Flux
- 8. React.jsComponent
- 9. jQuery DOM? $('#target').click(function() { $('#output').html(function(i, val) { return val*1+1 }); }); DOM
- 10. React.jsvar Counter = React.createClass({ getInitialState()
{ return { count: 0 }; }, onClick() { this.setState({count:
this.state.count + 1}); }, render() { return (
count:{this.state.count}click!
- 11. DOM DOM Facebook
- 12. var Counter = React.createClass({ getInitialState() {
return { count: 0 }; }, onClick() { this.setState({count:
this.state.count + 1}); }, render() { return (
count:{this.state.count}click!
- 13. JSX
- 14. JS HTML JS
- 15.
Hello {this.props.name}