reactotron導入

App/Config/Reactotron.js

@@ -0,0 +1,9 @@
+import Reactotron from 'reactotron-react-js';
+import { reactotronRedux } from 'reactotron-redux';
+import sagaPlugin from 'reactotron-redux-saga';
+
+export default Reactotron
+  .configure({ name: 'difftron connect' })
+  .use(reactotronRedux())
+  .use(sagaPlugin())
+  .connect();

App/Stores/Store.development.js

@@ -1,12 +1,14 @@
-import { createStore, applyMiddleware, compose } from 'redux';
+import { applyMiddleware, compose } from 'redux';
 import createSagaMiddleware from 'redux-saga';
 import { autoRehydrate } from 'redux-persist';
 import rootReducer from '../Reducers/';
 import sagas from '../Sagas/';
 import persistTransform from '../Services/ImmutablePersistenceTransform';
+import Reactotron from '../Config/Reactotron';
 
 const middleware = [];
-const sagaMiddleware = createSagaMiddleware();
+const sagaMonitor = Reactotron.createSagaMonitor();
+const sagaMiddleware = createSagaMiddleware({ sagaMonitor });
 middleware.push(sagaMiddleware);
 
 const enhancers = [];
@@ -17,7 +19,7 @@ export default () => {
   enhancers.push(autoRehydrate());
 
   // Store生成
-  const store = createStore(rootReducer, compose(...enhancers));
+  const store = Reactotron.createStore(rootReducer, compose(...enhancers));
   // state永続化設定
   persistTransform(store);
 

App/Stores/Store.production.js

@@ -0,0 +1,28 @@
+import { createStore, applyMiddleware, compose } from 'redux';
+import createSagaMiddleware from 'redux-saga';
+import { autoRehydrate } from 'redux-persist';
+import rootReducer from '../Reducers/';
+import sagas from '../Sagas/';
+import persistTransform from '../Services/ImmutablePersistenceTransform';
+
+const middleware = [];
+const sagaMiddleware = createSagaMiddleware();
+middleware.push(sagaMiddleware);
+
+const enhancers = [];
+
+// createStore
+export default () => {
+  enhancers.push(applyMiddleware(...middleware));
+  enhancers.push(autoRehydrate());
+
+  // Store生成
+  const store = createStore(rootReducer, compose(...enhancers));
+  // state永続化設定
+  persistTransform(store);
+
+  // run sagas
+  sagaMiddleware.run(sagas);
+
+  return store;
+};

package.json

@@ -60,6 +60,9 @@
     "extract-text-webpack-plugin": "^1.0.1",
     "nyc": "^10.0.0",
     "proxyquire": "^1.7.10",
+    "reactotron-react-js": "^1.5.2",
+    "reactotron-redux": "^1.5.2",
+    "reactotron-redux-saga": "^1.5.2",
     "style-loader": "^0.13.1",
     "webpack": "^1.13.2",
     "webpack-dev-middleware": "^1.8.4",