Add Redux example to README about next.js HOT 8 CLOSED

// components/store.js

➜  aver cat components/store.js 
import { createStore } from 'redux'

export const reducer = (state = { lastUpdate: 0 }, action) => {
  switch (action.type) {
    case 'UPDATE': return { lastUpdate: Date.now() }
    default: return state
  }
}

export const initStore = (reducer, initialState, isServer) => {
  if (isServer && typeof window === 'undefined') {
    return createStore(reducer, initialState)
  } else if (window.store) {
    return window.store
  } else {
    window.store = createStore(reducer, initialState)
    return window.store
  }
}

// pages/index.js
import React from 'react'
import { connect, Provider } from 'react-redux'
import { reducer, initStore } from '../components/store'
import Link from 'next/link'

export default class Index extends React.Component {
  static getInitialProps ({ req }) {
    const isServer = !!req
    const store = initStore(reducer, null, isServer)
    store.dispatch({type: 'UPDATE'})
    return  { initialState: store.getState(), isServer }
  }

  constructor (props) {
    super(props)
    this.store = initStore(reducer, props.initialState, props.isServer)
  }

  render () {
    return (
      <Provider store={this.store}>
        <MyData />
      </Provider>
    )
  }
}

const MyData = connect(state => state)(({ lastUpdate }) => (
  <div>
    <p>{lastUpdate}</p>
    <Link href='/viewer'>See the loaded state</Link>
  </div>
))

// pages/viewer.js

import React from 'react'
import { connect, Provider } from 'react-redux'
import { reducer, initStore } from '../components/store'
import Link from 'next/link'

export default class Viewer extends React.Component {
  static getInitialProps ({ req }) {
    const isServer = !!req
    const store = initStore(reducer, null, isServer)
    return  { initialState: store.getState(), isServer }
  }

  constructor (props) {
    super(props)
    this.store = initStore(reducer, props.initialState, props.isServer)
  }

  render () {
    return (
      <Provider store={this.store}>
        <MoarData />
      </Provider>
    )
  }
}

const MoarData = connect(state => state)(({ lastUpdate }) => (
  <div>
    <p>this was the {lastUpdate}</p>
  </div>
))