next.js/examples/with-apollo-and-redux/pages/apollo.js

import App from '../components/App'
import Header from '../components/Header'
import Submit from '../components/Submit'
import PostList from '../components/PostList'
import withApollo from '../lib/withApollo'

export default withApollo(() => (
  <App>
    <Header />
    <Submit />
    <PostList />
  </App>
))
[fix] apollo-redux: Separate out entire example #3463 (#3629) * [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 2018-01-31 09:40:32 +00:00			`import App from '../components/App'`
			`import Header from '../components/Header'`
			`import Submit from '../components/Submit'`
			`import PostList from '../components/PostList'`
			`import withApollo from '../lib/withApollo'`

			`export default withApollo(() => (`
			`<App>`
			`<Header />`
			`<Submit />`
			`<PostList />`
			`</App>`
			`))`