Pro MERN Stack: Full Stack Web App Development with Mongo, Express, React, and Node

© Vasan Subramanian 2019

Vasan SubramanianPro MERN Stackhttps://doi.org/10.1007/978-1-4842-4391-6_12

12. Server Rendering

Vasan Subramanian¹ 

(1)

Bangalore, Karnataka, India

 

In this chapter, we’ll explore another cornerstone of React, the ability to generate HTML on the server in addition to being able to render directly to the DOM. This enables creation of isomorphic applications, that is, applications that use the same codebase on the server as well as the client to do either task: render to the DOM or create HTML.

Server rendering (also known as server-side rendering or SSR for short) is the opposite of what characterizes an SPA: rather than fetch data via APIs and construct the DOM on the browser, the entire HTML is constructed on the server and ...