Pragmatic introduction to react
1 like393 views
This document provides an introduction to React and its core concepts including component-driven development, JSX, props and state, lifecycle methods, and popular Flux implementations like Redux. It was presented by Maayan Glikser, a front end developer at 500Tech, and encourages readers to check out their blog for more information on React and related topics.
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-150828143324-lva1-app6892/85/Pragmatic-introduction-to-react-8-320.jpg)
More Related Content
What's hot (6)
Ad
Viewers also liked (17)
Ad
Similar to Pragmatic introduction to react (20)
Recently uploaded (20)
Pragmatic introduction to react
- 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