How deeply does React Quickly, Second Edition cover server-side rendering?

Defines the server-to-browser rendering flow and contrasts frameworks, but does not walk through an implementation.

Server-side rendering

As explained in React Quickly, Second Edition

Server-side rendering is the generation of user-interface markup on a server before it is delivered to a client.

Server-side rendering (SSR) pre-renders a React application on a server, then sends the resulting HTML to a visitor’s browser. An SSR framework handles that server-side work. This approach can help with search visibility and sharing. section 1.3.2

A list that becomes interactive

A site could render a list on the server, then let visitors filter and sort it in the browser. React code runs on both the server and the client, but the initial list does not have to wait for client-side rendering. section 1.3

SSR differs from static site generation: a static site generator produces a website ready to deploy to a static host, while an SSR framework pre-renders the application on a server before serving its HTML. Next.js and Remix are examples of frameworks used for server-rendered React sites. React can also be used without SSR, such as for a single-page application or a widget added to an existing site. section 1.3.2 section 1.3

How React Quickly, Second Edition covers it

liveBook manning.com

Read React Quickly, Second Edition on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

Modern AngularServer-side rendering is the generation of an application's initial HTML on a server before it is delivered to the browser.
liveBook manning.com

React in DepthServer-side rendering is the process of producing application interface output on a server before sending it to the client.
liveBook manning.com

ASP.NET Core in Action, 3eServer-side rendering is the process of generating HTML on the server before sending it to a client.
liveBook manning.com

Rust Servers, Services, and AppsServer-side rendering is a web application pattern in which a server generates a fully rendered web page and sends it to a browser.
liveBook manning.com

Build a Frontend Web Framework (From Scratch)A rendering approach in which the server generates the HTML for an application before sending it to the browser.
liveBook manning.com

Pro Angular 16Server-side rendering is the technique of executing an application on a server to generate HTML that is sent to a browser before client-side code is ready.
liveBook manning.com

Django in ActionServer-side rendering is the composition of a web page's HTML on the server before it is sent to a browser.

Compare how 8 books explain server-side rendering →

Related concepts

prerenderingalternative to · Prerendering is the generation of web-page HTML before it is requested or served, typically as prebuilt files.
single-page applicationcontrasts with · A single-page application is a web application that loads a document and dynamically updates its content or interface without full-page navigation for most interactions.
HTMLproduces · HTML (HyperText Markup Language) is the standard markup language for structuring content and elements in web documents.
client-side renderingcontrasts with · Client-side rendering is the generation or updating of a web interface in a user's browser by code executed there.
template engineuses · A template engine is software that combines reusable templates with data and rules to generate rendered output such as text, documents, or user-interface views.

This explainer was generated by Manning's knowledge graph from the text of React Quickly, Second Edition. The section links point to the parts of the book it draws on.