React Rendering

CSR: Client-Side Rendering – rendering an app in a browser, generally using the DOM

Client-side rendering (CSR) means rendering pages directly in the browser using JavaScript. All logic, data fetching, templating and routing are handled on the client rather than the server.

So we get best advantage of Rendering through ReactJs.

Render Function

With a function in reactjs named :


The ReactDOM.render() function takes two arguments, HTML code and an HTML element.
The purpose of the function is to display the specified HTML code inside the specified HTML element.

ReactDOM.render(myelement, document.getElementById(‘root’));


Create a variable that contains HTML code and display it in the root node: