CSR - Client Side Rendering
CSR - Client Side Rendering is the browser downloads a minimal HTML shell, then JavaScript builds the page. Fast subsequent navigations, but users might see a loading spinner on first visit.
Definition
The browser downloads a minimal HTML shell, then JavaScript builds the page. Fast subsequent navigations, but users might see a loading spinner on first visit.
Example
A React app where the server just sends an empty div and bundle.js does all the work.
Related Terms
More Web Development Terms
SSR - Server Side Rendering
The server builds the full HTML page before sending it to the browser. Great for SEO and fast initial loads because users see content immediately instead of a blank screen.
Hydration
When server-rendered HTML gets "activated" by JavaScript in the browser. The page looks ready instantly, then becomes interactive once the JS loads and attaches event listeners.
SPA - Single Page Application
A web app that loads once and never does a full page refresh. Navigation feels instant because it just swaps content instead of requesting new HTML from the server.
MPA - Multi Page Application
The traditional web model where each page is a separate HTML document. Click a link, server sends a new page. Simple, reliable, and SEO-friendly out of the box.
PWA - Progressive Web App
A website that acts like a native app - works offline, sends push notifications, and can be installed on your home screen. All the app benefits without the app store.