mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
ab889369d5
* [fix] apollo-redux: Separate out entire example #3463 Apollo and Redux are completely separate ways of managing state. This example serves as a conduit if you were using Apollo 1.X with Redux, and are migrating to Apollo 2.x, however, you have chosen not to manage your entire application state within Apollo (`apollo-link-state`). There is no "withData" function that allows you to call either/or. You must call "withRedux" and/or "withApollo" on your Component. They can be combined in the example at `index.js` or remain separate as seen in `apollo.js` and `redux.js`. Going forward, this example may go the way of the dodo. * [chore] reformat code to match next syntax Localize prettier sometimes has a mind of its own. 😄️ * Fix linting
56 lines
1.2 KiB
JavaScript
56 lines
1.2 KiB
JavaScript
import React from 'react'
|
|
import { bindActionCreators } from 'redux'
|
|
import {
|
|
initStore,
|
|
startClock,
|
|
addCount,
|
|
serverRenderClock
|
|
} from '../lib/store'
|
|
import withRedux from 'next-redux-wrapper'
|
|
|
|
import App from '../components/App'
|
|
import Header from '../components/Header'
|
|
import Page from '../components/Page'
|
|
import Submit from '../components/Submit'
|
|
import PostList from '../components/PostList'
|
|
import withApollo from '../lib/withApollo'
|
|
|
|
class Index extends React.Component {
|
|
static getInitialProps ({ store, isServer }) {
|
|
store.dispatch(serverRenderClock(isServer))
|
|
store.dispatch(addCount())
|
|
|
|
return { isServer }
|
|
}
|
|
|
|
componentDidMount () {
|
|
this.timer = this.props.startClock()
|
|
}
|
|
|
|
componentWillUnmount () {
|
|
clearInterval(this.timer)
|
|
}
|
|
|
|
render () {
|
|
return (
|
|
<App>
|
|
<Header />
|
|
<Page title='Index' />
|
|
<Submit />
|
|
<PostList />
|
|
</App>
|
|
)
|
|
}
|
|
}
|
|
|
|
const mapDispatchToProps = dispatch => {
|
|
return {
|
|
addCount: bindActionCreators(addCount, dispatch),
|
|
startClock: bindActionCreators(startClock, dispatch)
|
|
}
|
|
}
|
|
|
|
export default withRedux(initStore, null, mapDispatchToProps)(
|
|
withApollo(Index)
|
|
)
|