Hands-On Full-Stack Web Development with GraphQL and React

Introduction to server-side rendering

First, you have to understand the differences between using a server-side rendered and a client-side rendered application. There are numerous things to bear in mind when transforming a pure client rendered application to support server-side rendering. The current user flow begins with requesting a standard index.html. The file includes very few things, such as a small body with one div, a head tag with some very basic meta tags, and a vital script tag that downloads the bundled JavaScript file created by webpack. The server merely serves the index.html and the bundle.js. Then, the client's browser begins processing the React markup that we wrote. When React has finished evaluating the code, we see the ...