Redux and Apollo coniguration

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

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

export const client = new ApolloClient({
  networkInterface: createNetworkInterface({
    addTypename: true,
    dataIdFromObject: (result) => (
      result._id && result.__typename
      ? result.__typename + result._id
      : null
    ),
    uri: 'http://localhost:3000/graphql'
  })
})
// ------------------
// 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