React Js Introduction

 

React JS

 

Introduction

*    React Js is a most popular open source Javascript library for building user Interfaces.

*    React is created & Maintained by facebook(Meta).

*    React is responsible for “View” in Model view Controller(MVC) architecture.

 

View means it takes the responsibility of how the look and feels of your application.It takes responsibility of UI parts.

 

DOM(Document Object Model)

*    DOM is language independent interface that treats an XML (or) HTML document as a tree structure.

*    When a web page load,the browser creates the Document object model.

Each html element has node in the structure of html.

 

*      In Traditional DOM, if state of application changed frequently than DOM get updated every time to represent the changes.so, the traditional Method takes more time and it affects the performance.

 

React JS Virtual DOM

*      Whenever  the state of an object changes,its create a new virtual DOM and its compared with the previous virtual DOM for finding the difference.

*      Once this process is done then the changed object only updated in the Real DOM instead of updating all the object.