mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
c5d69f0585
* Added redux and styled components (wip) examples. * Updated examples readmes and package.json * Fixed styled-components example
35 lines
823 B
JavaScript
35 lines
823 B
JavaScript
import React from 'react'
|
|
import { Provider } from 'react-redux'
|
|
import { reducer, initStore, startClock } from '../store'
|
|
import Clock from '../components/Clock'
|
|
|
|
export default class Counter extends React.Component {
|
|
static getInitialProps ({ req }) {
|
|
const isServer = !!req
|
|
const store = initStore(reducer, null, isServer)
|
|
store.dispatch({ type: 'TICK', ts: Date.now() })
|
|
return { initialState: store.getState(), isServer }
|
|
}
|
|
|
|
constructor (props) {
|
|
super(props)
|
|
this.store = initStore(reducer, props.initialState, props.isServer)
|
|
}
|
|
|
|
componentDidMount () {
|
|
this.timer = this.store.dispatch(startClock())
|
|
}
|
|
|
|
componentWillUnmount () {
|
|
clearInterval(this.timer)
|
|
}
|
|
|
|
render () {
|
|
return (
|
|
<Provider store={this.store}>
|
|
<Clock />
|
|
</Provider>
|
|
)
|
|
}
|
|
}
|