Explain how the Components in ReactJS renders at the browser end.

Answer:

ReactJS is a library and not a framework for the View Layer of a MV* pattern. It provides a template language known as JSX. The JSX is a kind of JavaScript syntax extension that is meant for expressing the UI design components in a much more readable way, very similar to XML syntax. Once the JSX is prepare, it is passed to the Render method of ReactJS and it is the Render function that hooks with ReactJS to bring the essential HTML which is the final React output. The Html/JSX being passed to Render function are call COMPONENTS in React terminology. These components store their own internal state inside the memory like updation of a textbox value, tab selection in a tab view control etc. Finally, by the Render method, the COMPONENTS are transformed into Html.