Client and server rendering with React
In a web context, client-side rendering is the process by which JavaScript is used inside a user’s browser to generate or update the page contents. A fully client-side-rendered application will only display meaningful content when the relevant JavaScript code has completed downloading, parsing, and running.
In the following sequence diagram, we use the term “origin” instead of something such as “server,” since one benefit of full client-side rendering is that the resources “serving” our content can be what’s called static hosting. This includes services such as AWS Simple Storage Service (S3), Netlify, Cloudflare Pages, and GitHub Pages, among others. There’s no dynamic server-side component in these services.
Figure 5.1: A client-side-rendering sequence diagram
In contrast, server-side rendering denotes the process by which a server generates a full...
