Server Side Rendering with React

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.

In this course, you'll learn:

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

• Configure Webpack on the front-end and back-end apps together.

• Communicate data from your server to the client using the Redux initial state in 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 that occur during the server rendering process properly.

At the end of this course, 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.