Note: This course assumes you've some basic experience with React, Redux, and Express.

Server-side rendering (SSR) is a popular technique for rendering a client-side single page application (SPA) on the server and then sending a fully rendered page to the client. This allows for dynamic components to be served as static HTML markup.

Learn how to use React to solve the first-page download problem that single-page apps (SPAs) have. You'll see how to easily build high-performance web apps that implement Server-Side Rendering (SSR) on every landing page using React v17, Redux v4, React Router v6, and Express.

Here's what you will learn:

• Learn the architectural considerations of building a Server-Side rendered app;

• Configure Webpack on the front-end and back-end app together;

• Communicate data from your server to client using Redux initial state to your React application

• Understand how to route user requests on the front end with React Router and on the backend with Express

• Handle errors and redirects properly that occur during the server rendering process

At the end of this tutorial, you will have a working project with a Client-Side React application and a Server Side Express application.

This course was verified with Node v16.0.0, npm v7.10.0, react v17.0.1, redux v4.1.2, react-router-dom v6.2.1, @babel/core v7.12.9, webpack v5.10.0, express v4.17.2.