This is power point presentation on Reactjs technology which is developed by facebook for designning UI component.

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