Education, Engineering Courses, Mobile Application Development, online computer coaching, programming course, SEO Sevices, software Development, Web Design course, web development

How Does React JS work? tcci.com

What is React JS?

React JS is an open-source JavaScript library which is used for building user interfaces specifically for single page applications.

Real Example:

Facebook is Best example of React JS.

When your friend posting a photograph on Face book. Now you go and like the image and then you suddenly see that lets check out the comments too. Now while you are browsing over comments you see that likes count increased by count 100 since you liked the picture. Yes and there was no reload of the page, just somehow magically the count changed. This is because of react.js.

There are billions of posts, so much traffic, millions like count on face book. How do they manage all that a blazing speed. To do that they come up a library called react.js

HOW IT WORKS:-

While building client-side apps, a team at Facebook developers realized that the DOM is slow (The Document Object Model (DOM) is an application programming interface (API) for HTML and XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated.). So, to make it faster, React implements a virtual DOM that is basically a DOM tree representation in Javascript. So when it needs to read or write to the DOM, it will use the virtual representation of it. Then the virtual DOM will try to find the most efficient way to update the browser’s DOM.

WHAT MAKES IT FAST:

Virtual DOM:

Dom is the structure of HTML pages that markup a webpage. React uses a Virtual DOM which is nothing but a javascript object. Js objects are faster than the Dom objects. Whenever changes are to be made in a page, changes will not affect the real DOM. Rather virtual DOM itself takes care of this changes. In this way original DOM structure is not modified and the result will be displayed.

 BENEFITS:-

Single Page Application.

  1. Entire page remains same but only few components change.
  2. Code is easy to scale and maintain.
  3. More functionalities as HTML is created from JS
  4. Isomorphic Rendering(Server side rendering)
  5. Blazing speed

TCCI is Best Software company in Ahmedabad which provides services like Web Application Development, Mobile Application Development, Search Engine Optimization, Word press , Custom Software, Database management etc ,

To know more in detail about TCCI-Bopal-Satellite-Ahmedabad.

call us @ 9825618292

visit us@http://tccicomputercoaching.com/

 

Leave a comment