Learning Redux

Handling react-router redirects

We still need to handle redirect components on the server side. In the client, the browser history changes state, and we get a new screen. On the server, we pass a context property to the StaticRouter component. If context.url exists, we know that the app has redirected, so we send a redirect response.

We are now going to adjust the code in server/render.js:

1. Before rendering using renderToString, create a context variable:

  return initStore(store)    .then(() => {      let context = {}      const markup = renderToString(

2. Pass this context variable as a property to the <StaticRouter> component:

          <StaticRouter location={isIndexPage ? '/' : req.url} context={context}>

3. After rendering the StaticRouter component using  ...