Thursday, August 31, 2017

Overview of React


  • Is a JavaScript framework for building User interface
  • It is not a framework
  • It is considered as an view in MVC
  • Virtual DOM gives React it's edge and makes it fast
Virtual DOM:
  • Uses a virtual DOM to push only changes to the DOM instead of re-rendering everything
  • V-Dom allows  rendering on the server side and sending the final HTML to the browser (SEO friendly )
JSX;
      Allows html in JavaScript which results in self contained components

Advantages of React

Declarative

  • React makes it painless to create interactive UIs.  When we design simple views for each state in our application,React will efficiently update and render just the right components when data changes.
  • Declarative views make our code more predictable and easier to debug.

Component-Based
  • Build encapsulated components that manage their own state, then compose them to make complex UIs.
  • It publishes a simple interface as their inputs and outputs as callbacks
  • By implementing the interface react components can be freely nested into each other
  • Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.
Learn Once, Write Anywhere
We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.

React can also render on the server using Node and power mobile apps using React Native.
 React focuses on rendering and event handling.

Speed
  • (60 fps)
  • Render <16 ms
   Note:
  • There is no specific controller for react
  • Does not dictate data flow routing or other concerns in the application


No comments:

Post a Comment