Published on May 2, 2023
Updated on Nov 3, 2023
Web development starts with index.html. The major components of web development are HTML, CSS, and Javascript(JS). HTML is used to interact with users, CSS is used for styling HTML elements and Javascript is to run the process in the background.
With JS, we can create/read/update/delete HTML elements. React is an open-source JS framework library that can be used to implement component-based development where the entire website is split into small components(JSX) like building blocks for re-usability, processes based upon life-cycle events, easy maintenance, etc. React will convert components into plain JS to render components in the browser.
Source: https://developer.ibm.com/tutorials/wa-react-intro/
Client Side Rendering:
Client Side Rendering(CSR) is a mechanism in which the JSX render mechanism is completely run at the browser level. Virtual dom is the mechanism created by React which will be handled in the system memory before it renders in the actual dom. So the mechanism will process the following steps,
- React source will be built from actual source code for better performance. The Built source code will be placed on the server.
- When a client requests the server, then the entire source will be downloaded from the server and cached in the browser.
- On every user interaction other than th