How rendering happens in SPAs
What you see in any web app, in the UI, is the result of the rendering process of the HTML code that represents the page or components.
In traditional web apps, when the browser requests the page, the server either sends a full HTML page in the case of static web apps, or, in situations of apps such as ASP.NET MVC, it constructs a full HTML string after doing data and UI manipulation, and then sends it to the client. The browser takes that HTML and renders it as is.
On the other hand, in the case of SPAs, the browser initially sends a request and receives a simple HTML document alongside the JavaScript (JS) libraries, or the DLLs if the framework is Blazor. The browser renders that simple page, then the logic of the JS or .NET library starts to build HTML pieces and injects or replaces them in the UI. This all happens on the browser side through a process known as manipulating the Document Object Model (DOM).
What is the DOM?
Basically, when...
