faceyspacey · August 10, 2017 06:51
diff --git a/server-render-like-a-pro-3.js b/server-render-like-a-pro-3.js
 import React from 'react'
 import ReactDOM from 'react-dom/server'
 import { Provider } from 'react-redux'

 import configureStore from './configureStore'
 import App from '../src/components/App'

 export default () => async (req, res, next) => {
  const store = await configureStore(req, res)
  
  const app = <Provider store={store}><App /></Provider>
  const appString = ReactDOM.renderToString(app)
  const stateJson = JSON.stringify(store.getState())

  return res.send(
    `<!doctype html>
      <html>
        <body>
          <script>window.REDUX_STATE = ${stateJson}</script>
          <div id="root">${appString}</div>
          <script src="/static/main.js></script>
        </body>
      </html>`
  )
 }
	import React from 'react'
	import ReactDOM from 'react-dom/server'
	import { Provider } from 'react-redux'

	import configureStore from './configureStore'
	import App from '../src/components/App'

	export default () => async (req, res, next) => {
	const store = await configureStore(req, res)

	const app = <Provider store={store}><App /></Provider>
	const appString = ReactDOM.renderToString(app)
	const stateJson = JSON.stringify(store.getState())

	return res.send(
	`<!doctype html>
	<html>
	<body>
	<script>window.REDUX_STATE = ${stateJson}</script>
	<div id="root">${appString}</div>
	<script src="/static/main.js></script>
	</body>
	</html>`
	)
	}