saga

.babelrc

@@ -2,5 +2,9 @@
     "presets": ["es2015", "stage-1", "react"],
     "plugins": [
        ["transform-decorators-legacy"],
+       ["transform-runtime", {
+         "polyfill": false,
+         "regenerator": true
+       }]
     ]
 }

package.json

@@ -10,6 +10,7 @@
   "dependencies": {
     "autobind-decorator": "^1.4.1",
     "babel-preset-stage-0": "^6.24.1",
+    "babel-runtime": "^6.23.0",
     "halogen": "^0.2.0",
     "html-webpack-plugin": "^2.28.0",
     "immutable": "^3.8.1",
@@ -33,6 +34,7 @@
     "babel-eslint": "^7.2.3",
     "babel-loader": "^7.0.0",
     "babel-plugin-transform-decorators-legacy": "^1.3.4",
+    "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
     "css-loader": "^0.28.1",

src/index.js

@@ -9,12 +9,23 @@ import {
 import RegionalDesign from './components/RegionalDesign'
 
 import { applyMiddleware, createStore } from 'redux'
-import logger from 'redux-logger'
 import { Provider, connect } from 'react-redux'
 
 import rootReducer from './reducers'
 
-const store = createStore(rootReducer, applyMiddleware(logger), window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__())
+import createSagaMiddleware from 'redux-saga'
+
+import { helloSaga } from './sagas/header'
+
+import configureStore from './store/configureStore'
+
+const sagaMiddleware = createSagaMiddleware()
+
+const store = configureStore()
+
+// const store = createStore(rootReducer, applyMiddleware(sagaMiddleware, logger), window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__())
+
+// store.runSaga(helloSaga)
 
 ReactDOM.render(
   <Provider store={store}>

src/sagas/header.js

+export default function* helloSaga() {
+  console.log('Hello Sagas!')
+}

src/store/configureStore.dev.js

+import { createStore, applyMiddleware, compose } from 'redux'
+import createSagaMiddleware, { END } from 'redux-saga'
+import rootReducer from '../reducers'
+import logger from 'redux-logger'
+
+export default function configureStore(initialState) {
+  const sagaMiddleware = createSagaMiddleware()
+
+  const enhancer = compose(
+    applyMiddleware(sagaMiddleware, logger),
+    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
+  )
+
+  const store = createStore(
+    rootReducer,
+    initialState,
+    enhancer
+  )
+
+  if (module.hot) {
+    // Enable Webpack hot module replacement for reducers
+    module.hot.accept('../reducers', () => {
+      const nextRootReducer = require('../reducers').default
+      store.replaceReducer(nextRootReducer)
+    })
+  }
+
+  store.runSaga = sagaMiddleware.run
+  store.close = () => store.dispatch(END)
+  return store
+}

src/store/configureStore.js

+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./configureStore.prod')
+} else {
+  module.exports = require('./configureStore.dev')
+}

src/store/configureStore.prod.js

+import { createStore, applyMiddleware } from 'redux'
+import createSagaMiddleware, { END } from 'redux-saga'
+import rootReducer from '../reducers'
+
+export default function configureStore(initialState) {
+  const sagaMiddleware = createSagaMiddleware()
+  const store = createStore(
+    rootReducer,
+    initialState,
+    applyMiddleware(sagaMiddleware)
+  )
+
+  store.runSaga = sagaMiddleware.run
+  store.close = () => store.dispatch(END)
+  return store
+}