How I React

How I React

Server Side Rendering With React Part 3

In the previous two posts, I set up the basic configuration for both the render server and the client. I also add a routing system to the app and make it work on both sides. In this post, I'll handle the most challenging part -- adding Redux to the web app.

Read
How I React

Server Side Rendering With React Part 2

In this post I'm going to add routing support to the app I built in the last post. Traditionally, we use BrowserRouter to deal with client side routing. It works by monitoring the address bar in the browser and display content accordingly. However, when the server renders our application, it doesn't have access to the address bar. To resolve this, the react-router-dom library provides a different component called StaticRouter.

Read
How I React

Server Side Rendering With React Part 1

This is the part 1 of a series of 3 posts on server side rendering with React. In this post, I'm going to build a boilerplate React application that simply delivers a basic feature of server side rendering. The app will render the JSX on the server and then ship the fully rendered HTML down to the browser, after that, the client side JS will be sent along and the React app will boot up on the browser.

Read