danieldunderfelt/index.js

## index.js
/* App creator */

import { extendObservable } from 'mobx'
import AppStore from '../app/AppStore'

export default (initialState = false) => {

  const stores = {
    App: AppStore
  }

  if(initialState) {
    Object.keys(stores).forEach(store => {
      if(typeof initialState[store] !== 'undefined') {
        extendObservable(stores[store], initialState[store])
      }
    })
  }

  return stores
}

/* Client entry point */

...

// Store is the app creator function above
const initialState = store(window.__INITIAL_STATE__)

render(
  <Root store={ initialState } />
  document.getElementById('root')
)

/* Server renderer */

...

function renderTemplate(component = false, data = {}) {
  res.send('<!doctype html>\n' + ReactDOM.renderToStaticMarkup(<Html component={ component } data={ data } />))
}
// Create all stores
const state = store()

// Mount app
const component = (
  <Root store={ state }>
    <RouterContext {...renderProps} />
  </Root>
)
// state contains data now
renderTemplate(component, toJS(state))

...

/* Server template */

...
// Serialize the data into a global var, see "client entry" above how to merge it into the state
<script dangerouslySetInnerHTML={{ __html: `window.__INITIAL_STATE__ = ${serialize(data)}` }}></script>

...
	/* App creator */

	import { extendObservable } from 'mobx'
	import AppStore from '../app/AppStore'

	export default (initialState = false) => {

	const stores = {
	App: AppStore
	}

	if(initialState) {
	Object.keys(stores).forEach(store => {
	if(typeof initialState[store] !== 'undefined') {
	extendObservable(stores[store], initialState[store])
	}
	})
	}

	return stores
	}

	/* Client entry point */

	...

	// Store is the app creator function above
	const initialState = store(window.__INITIAL_STATE__)

	render(
	<Root store={ initialState } />
	document.getElementById('root')
	)

	/* Server renderer */

	...

	function renderTemplate(component = false, data = {}) {
	res.send('<!doctype html>\n' + ReactDOM.renderToStaticMarkup(<Html component={ component } data={ data } />))
	}
	// Create all stores
	const state = store()

	// Mount app
	const component = (
	<Root store={ state }>
	<RouterContext {...renderProps} />
	</Root>
	)
	// state contains data now
	renderTemplate(component, toJS(state))

	...

	/* Server template */

	...
	// Serialize the data into a global var, see "client entry" above how to merge it into the state
	<script dangerouslySetInnerHTML={{ __html: `window.__INITIAL_STATE__ = ${serialize(data)}` }}></script>

	...