Setting up Apollo and Redux

002_setting-up-apollo-and-redux.js

// ---------------------------
// Apollo Client Configuration
// ---------------------------
import {ApolloClient, createNetworkInterface} from 'react-apollo'

export const client = new ApolloClient({
  networkInterface: createNetworkInterface({
    uri: 'http://localhost:3000/graphql'
  }),
  addTypename: true,
  dataIdFromObject: (result) => (
    result._id && result.__typename
    ? result.__typename + result._id
    : null
  ),
})
// ------------------
// Main reducers file
// ------------------
import {createStore, applyMiddleware, compose} from 'redux'
import thunk from 'redux-thunk'
import rootReducer from './reducers.js'
import {client} from './apollo.js'

const configureStore = preloadedState => {
  const composeEnhancers = (
    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
  )
  
  const store = createStore(
    rootReducer,
    preloadedState,
    composeEnhancers(
      applyMiddleware(client.middleware(), thunk)
    )
  )
  
  if (module.hot) {
    // Enable Webpack hot module replacement for reducers.
    module.hot.accept('./reducers.js', () => {
      const nextRootReducer = require('./reducers.js').default
      store.replaceReducer(nextRootReducer)
    })
  }

  return store
}

export default configureStore
// -----------------------
// configureStore function
// -----------------------
import {createStore, applyMiddleware, compose} from 'redux'
import thunk from 'redux-thunk'
import rootReducer from './reducers.js'
import {client} from './apollo.js'

const configureStore = preloadedState => {
  const composeEnhancers = (
    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
  )
  
  const store = createStore(
    rootReducer,
    preloadedState,
    composeEnhancers(
      applyMiddleware(client.middleware(), thunk)
    )
  )
  
  if (module.hot) {
    // Enable Webpack hot module replacement for reducers.
    module.hot.accept('./reducers.js', () => {
      const nextRootReducer = require('./reducers.js').default
      store.replaceReducer(nextRootReducer)
    })
  }

  return store
}

export default configureStore