Like angular, again one of the technology is getting evolved and i.e. ReactJS. ReactJS is really a way different from the AngularJS in all the manner but it looks quite good and interesting to me. After all giant ‘Facebook’ is behind it. 😉
So today to begin with ‘React’ I would like to share the key concepts and fundamentals to understand React.
React has been developed by Facebook and now lot of big players are using it too like Instagram, PayPal and so on.
Advantages Specifications of React:
Server side Rendering:
One of the good things about the react (unlikely to the previous version of AngularJS) React is supports the server side rendering if controls. So in certain scenarios like loading a heavy page at the beginning, it will perform faster.
Use of JSX:
JSX makes it easy to read the code of your components. It is also really easy to see the layout an how components are plugged with each other.
React works of on the mechanism of rendering virtual DOM to the actual ‘DOM’ i.e. actual HTML. That means whatever components we write in react get stored in virtual DOM and before rendering them to HTML DOM, existing HTML DOM gets compared against virtual DOM. This allows react to work faster. Because after comparison between the DOM, virtual DOM allows only changes to get rendered in to HTML (i.e. instead of reloading whole virtual DOM only changes in the DOM will get rendered on to the page.)
Few keywords from the React:
Following are the frequently used key words in React on which react is basically based upon.
We can say that React is component based architecture. Everything in react is treated as the component. So whatever DOM structure we are going to create will be treated as component only.
We are using ‘class’ based approach to create DOM. Basics of ES6 can help you in this.
But Yes, there is a bit difference such as we need to us className instead of class just because it ‘class’ is getting referred as object here.
This is the object who is going to render our ‘component’ using the ‘render’ method.
That’s All !!!
These are the ‘must required’ points at least one should know before starting with. In upcoming post we will go through the actual example using React.