This is the first in (hopefully) a series of articles to document the lessons I learned building and maintaining SSR apps. This article does not cover the pros/cons of SSR, or the pros/cons of not…

JSPlainEnglish's platform is a resource for JavaScript developers, offering insights into JavaScript fundamentals, modern web development techniques, and JavaScript frameworks. Through articles, tutorials, and code snippets, JSPlainEnglish offers insights into JavaScript language features, ES6 syntax, and functional programming concepts. Readers can learn about building interactive web applications, working with JavaScript libraries, and optimizing frontend performance to create engaging user experiences.

JavaScript in Plain English

How to build a React SSR app without any tooling or framework. We will use React, webpack, and Express to build an app that works as follows: Browser sends HTTP request to server to load a page. Server receives request and turns React JSX into HTML markup. Browser renders the HTML, downloads the client-side JavaScript bundle, and “hydrates” the HTML.

Intro to React Server Side Rendering