Learning Redux

Caching the index page

Since the index page gets accessed very frequently, we can cache its HTML markup and store its state in memory to be able to immediately serve the index page to clients. This further improves the performance of our application.

We are now going to implement a very simple caching technique:

1. In the server/render.js file, define the cachedResult  variable above the function definition:

let cachedResult = false

2. Add a check to see if the index page was requested to the serverSideRendering function:

  const isIndexPage = req.url === '/' || req.url === '/index.html'

3. If the index page was requested, and the cachedResult variable is filled in (not false), we can immediately send the cached result:

  if (isIndexPage) { if ...