jschr · April 12, 2017 04:13
diff --git a/ssr.tsx b/ssr.tsx
 import * as React from 'react'
 import { renderToString, renderToStaticMarkup } from 'react-dom/server'

 import Template from './components/Template'
 import App from './components/App'

 // our simple ssr function accepts appProps and a webpackStats 
 // object provided by static-website-generator-webpack-plugin
 export default function ssr({ webpackStats, appProps }) {
  // fetch a list of all the assets created by the webpack compiler
  const assets = Object.keys(webpackStats.compilation.assets)
  // we have not implemented any styling so we currently 
  // only care about js files
  const js = assets.filter(value => value.match(/\.js$/))
  // render the app's initial html, which will be provided to the 
  // react root element
  const body = renderToString(<App {...appProps} />
  
  const templateProps = {
    js,
    body,
    // the template component will inject a script that sets 
    // `window.ssr = ${props.ssr}` in order to initialize the 
    // React app in the browser
    ssr: {
      appProps
    }
  }

  // the final html is the result of calling renderToStaticMarkup 
  // with our Template component
  const html = `
    <!doctype html>
    ${renderToStaticMarkup(<Template {...templateProps} />)}
  `

  return html
 }
	import * as React from 'react'
	import { renderToString, renderToStaticMarkup } from 'react-dom/server'

	import Template from './components/Template'
	import App from './components/App'

	// our simple ssr function accepts appProps and a webpackStats
	// object provided by static-website-generator-webpack-plugin
	export default function ssr({ webpackStats, appProps }) {
	// fetch a list of all the assets created by the webpack compiler
	const assets = Object.keys(webpackStats.compilation.assets)
	// we have not implemented any styling so we currently
	// only care about js files
	const js = assets.filter(value => value.match(/\.js$/))
	// render the app's initial html, which will be provided to the
	// react root element
	const body = renderToString(<App {...appProps} />

	const templateProps = {
	js,
	body,
	// the template component will inject a script that sets
	// `window.ssr = ${props.ssr}` in order to initialize the
	// React app in the browser
	ssr: {
	appProps
	}
	}

	// the final html is the result of calling renderToStaticMarkup
	// with our Template component
	const html = `
	<!doctype html>
	${renderToStaticMarkup(<Template {...templateProps} />)}
	`

	return html
	}