Learning Redux

Emulating the Redux store and browser history

First, we need to create a Redux store and history object (for the router):

1. Open server/render.js and import React. This is required because we are going to use JSX:

import React from 'react'

2. Then, we need to import the renderToString function from react-dom/server to be able to render DOM/HTML on the server side:

import { renderToString } from 'react-dom/server'

3. Next, we need to create a MemoryHistory (to emulate the BrowserHistory) for react-router:

import createHistory from 'history/createMemoryHistory'

4. We also import the configureStore and initStore functions:

import configureStore from '../src/store'import initStore from '../src/initStore'

5. The file already defines a serverSideRendering ...