Pragmatic Introduction to React — Maayan Glikser
0 likes372 views
The document is a pragmatic introduction to React by Maayan Glikser, focusing on component-driven development and key concepts like JSX, props, state, and lifecycle methods. It covers component creation, updates, and unmounting procedures, drawing parallels between React and Angular frameworks. Additionally, it mentions various flux implementations and provides a link to a related blog.
1 of 15
Download to read offline
![Without JSX
`
let message =
React.DOM.div({ className: 'hello', onClick: someFunc },[
React.DOM.span(null, ['Hello World'])
]);](https://image.slidesharecdn.com/pragmaticintroductiontoreact-150827074724-lva1-app6891/85/Pragmatic-Introduction-to-React-Maayan-Glikser-8-320.jpg)
More Related Content
What's hot (6)
Ad
Viewers also liked (20)
Ad
Similar to Pragmatic Introduction to React — Maayan Glikser (20)
More from 500Tech (19)
Recently uploaded (20)
Pragmatic Introduction to React — Maayan Glikser
- 2. Maayan Glikser - Github addict - Hardcore metal fan - Converted from dogs to cats Front End Developer @ 500Tech
- 3. ReactJS
- 7. JSX ` let message = ( <div className="hello" onClick={ someFunc }> <span>Hello World</span> </div> );
- 8. Without JSX ` let message = React.DOM.div({ className: 'hello', onClick: someFunc },[ React.DOM.span(null, ['Hello World']) ]);
- 9. ` Basic Component React.createClass({ render() { return <span>Hello World</span>; } });
- 10. PROPS & STATE
- 11. Lifecycle methods Mount componentWillMount → Angular PreLink componentDidMount → Angular PostLink Update componentWillUpdate componentDidUpdate Unmount componentWillUnmount → $scope.$on('destroy')
- 12. DEMO
- 13. Flux
- 15. Read our blog: http://blog.500tech.com Maayan Glikser maayan@500tech.com