Reactjs A javascript Library
- 1. Introduction React is a popular open source front-end JavaScript library developed by Facebook. React makes easier to create interactive user interfaces. Using node React can also be rendered on the server side. Alongside web apps, to build mobile application we can use React native as well. React is very popular among developer because of it’s simplicity and easy but effective development process.
- 2. Why Learn React ? React is introduced to the world two years ago, since it has been impressive growth. Developers are choosing React because it allows more time to spend on product and less time to fighting and learning with framework The combination of React and rapid iteration cycle of the web, has enabled to make some excellent products including many Facebook components.
- 3. React has no ..Controller ..Directive ..template ..global event Listener ..Models ..no view model Just Components
- 9. What if we “separate” another way
- 10. What if we “separate” another way
- 11. What if we “separate” another way
- 12. What if we “separate” another way
- 14. Separation of Components > Composable > reusable > maintainable > testable If components are truly self Contained
- 15. Data Flows only one Way 1 3
- 16. What is DOM? DOM stands for Document Object Model It is also called Real DOM DOM defines the Logical structure of document. DOM also called heart of web technologies.
- 17. Why updating Real DOM is very slow?
- 18. Virtual DOM Virtual DOM is in-memory representation of Real DOM. It is lightweight JavaScript object which is copy of Real DOM Updating virtual Dom in Reactjs is faster because The diffing algorithm written in React is quite fast and efficient Lightweight It can be used without React as an independent engine Uses observable instead of dirty checking to detect images Render() fires whenever something changes. Disadvantage It occupies quite much memory. Full in memory copy of the DOM.
- 19. Who are using React? Popular apps which are using react
- 20. Where to go from here? https://reactjs.org/ https://github.com/facebook/react https://blog.andrewray.me/reactjs-for-stupid-people/ https://www.infoq.com/news/2013/06/facebook-react
- 21. Thank You