redux-devtools-extension#composeWithDevTools JavaScript Examples

The following examples show how to use redux-devtools-extension#composeWithDevTools. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: store.js    From what-front with MIT License 6 votes vote down vote up
configureStore = () => {
  const store = createStore(
    rootReducer,
    composeWithDevTools(
      applyMiddleware(
        sagaMiddleware,
      ),
    ),
  );

  sagaMiddleware.run(rootSaga);

  return store;
}
Example #2
Source File: store.js    From Designer-Client with GNU General Public License v3.0 6 votes vote down vote up
store = () => {
  let store = createStore(
    persistedReducer,
    composeWithDevTools(
      applyMiddleware(
        axiosMiddleware(axiosClient),
        thunkMiddleware,
        loggerMiddleware
      ),
    ),
  );
  let persistor = persistStore(store);

  return { store, persistor }
}
Example #3
Source File: index.js    From ChronoFactorem with GNU General Public License v3.0 6 votes vote down vote up
customMiddleware = composeWithDevTools(
  applyMiddleware(
    getSelectedCourseMiddleware,
    checkClashOrDeleteMiddleWare,
    checkSectionSwapMiddleware,
    checkLunchHourMiddleware,
    addSectionMiddleware,
    deleteSectionMiddleware,
    saveTTMiddleware,
    closeDialogMiddleware,
    thunk
  )
)
Example #4
Source File: configureStore.js    From flame-coach-web with MIT License 6 votes vote down vote up
createOwnStore = (reducers) => {
  const middlewares = [thunkMiddleware, logger];
  const middlewareEnchancer = applyMiddleware(...middlewares);

  const enchancers = [middlewareEnchancer];
  const composedEnchancers = composeWithDevTools(...enchancers);

  return createStore(reducers, undefined, composedEnchancers);
}
Example #5
Source File: index.js    From EMP with MIT License 6 votes vote down vote up
store = createStore(
  rootReducer,
  // If you use logger , the logger should be the last.
  composeWithDevTools(
    applyMiddleware(
      ReduxThunk.withExtraArgument({ history: history }),
      logger
    )
  )
)
Example #6
Source File: store.js    From flash-arbitrage-watcher with The Unlicense 6 votes vote down vote up
export function configureStore(initialState = {}) {
  // Middleware and store enhancers
  const enhancers = [applyMiddleware(thunk)];

  let store;
  if (process.env.NODE_ENV === 'development') {
    store = createStore(reducer, initialState, composeWithDevTools(...enhancers));
  } else {
    store = createStore(reducer, initialState, compose(...enhancers));
  }

  return store;
}
Example #7
Source File: store.js    From NextcloudDuplicateFinder with GNU Affero General Public License v3.0 6 votes vote down vote up
store = createStore(
  persistedReducer,
  undefined,
  composeWithDevTools(
    applyMiddleware(
      sagaMiddleware
    )
  )
)
Example #8
Source File: configureStore.dev.js    From mern-stack with MIT License 6 votes vote down vote up
configureStore = (initialState) => {
  const store = createStore(
    rootReducer,
    initialState,
    composeWithDevTools(
      applyMiddleware(reduxThunk.withExtraArgument({ mernApi }))
    )
  );

  if (module.hot) {
    // Enable hot module replacement for reducers
    module.hot.accept('./reducers', () => {
      const nextRootReducer = require('./reducers').default;
      store.replaceReducer(nextRootReducer);
    });
  }

  return store;
}
Example #9
Source File: configureStore.dev.js    From ThreatMapper with Apache License 2.0 6 votes vote down vote up
export default function configureStore() {
  const store = createStore(
    rootReducer,
    initialState,
    composeWithDevTools(applyMiddleware(thunkMiddleware))
  );

  if (module.hot) {
    // Enable Webpack hot module replacement for reducers
    module.hot.accept('../reducers/root', () => {
      const nextRootReducer = require('../reducers/root').default;
      store.replaceReducer(nextRootReducer);
    });
  }

  return store;
}
Example #10
Source File: store.js    From sapling with MIT License 5 votes vote down vote up
store = createStore(
   reducers,
   composeWithDevTools(applyMiddleware(thunk)),
 )
Example #11
Source File: index.js    From Kurakoo with MIT License 5 votes vote down vote up
store = createStore( reducer,
    composeWithDevTools(applyMiddleware(...middleware)))
Example #12
Source File: index.js    From web-wallet with Apache License 2.0 5 votes vote down vote up
store = createStore(
  reducers,
  initialState,
  composeWithDevTools (
    applyMiddleware(reduxThunk),
    sentryReduxEnhancer
  )
)
Example #13
Source File: configureStore.js    From movies with MIT License 5 votes vote down vote up
function configureStore(initialState = {}, startSagas = false) {
  const sagaMiddleware = createSagaMiddleware();
  const middlewares = [sagaMiddleware];

  if (process.env.DEBUG_MODE === '1') {
    const logLevel = IS_CLIENT ? 'log' : false;
    const logger = createLogger({
      level: {
        prevState: logLevel,
        action: logLevel,
        nextState: logLevel
      },
      collapsed: (getState, action, logEntry) => !logEntry.error
    });

    middlewares.push(logger);
  }

  const store = createStore(
    rootReducer,
    initialState,
    compose(
      composeWithDevTools(applyMiddleware(...middlewares))
    )
  );

  // required for SSR fetching data
  store.runSaga = sagaMiddleware.run;
  store.close = () => store.dispatch(END);

  if (startSagas) {
    SagaManager.startSagas(sagaMiddleware);
  }

  // HMR for reducers and sagas
  /* eslint-disable global-require */
  if (process.env.NODE_ENV === 'development' && module.hot) {
    module.hot.accept('./rootReducer', () => {
      const nextRootReducer = require('./rootReducer').default;
      store.replaceReducer(nextRootReducer);
    });

    module.hot.accept('./sagas/SagaManager', () => {
      SagaManager.cancelSagas(store);
      require('./sagas/SagaManager').default.startSagas(sagaMiddleware);
    });
  }
  /* eslint-enable global-require */

  return store;
}
Example #14
Source File: App.js    From BLEServiceDiscovery with GNU General Public License v3.0 5 votes vote down vote up
composeEnhancers = composeWithDevTools({
  // Specify here name, actionsBlacklist, actionsCreators and other options
})
Example #15
Source File: store.js    From restobar with MIT License 5 votes vote down vote up
store = createStore(
    reducer,
    initialState,
    composeWithDevTools(applyMiddleware(...middleware))
)
Example #16
Source File: index.js    From kite-admin with MIT License 5 votes vote down vote up
store = createStore(
  combineReducers({ routing: routerReducer, ...rootReducer }),
  composeWithDevTools(applyMiddleware(...middlewares))
)
Example #17
Source File: store.js    From youtube-clone-spa with MIT License 5 votes vote down vote up
store = createStore(
  rootReducer,
  initialState,
  composeWithDevTools(applyMiddleware(thunk))
)
Example #18
Source File: store.js    From SimpleWeather with MIT License 5 votes vote down vote up
composedEnhancer = composeWithDevTools(applyMiddleware(thunkMiddleware))
Example #19
Source File: index.jsx    From agent with MIT License 5 votes vote down vote up
store = createStore(
  rootReducer(history),
  { ...getAuthState() },
  composeWithDevTools(applyMiddleware(thunk, routerMiddleware(history)))
)
Example #20
Source File: index.js    From Pandaudio with MIT License 5 votes vote down vote up
store = createStore(
  rootReducer,
  initialState,
  composeWithDevTools(applyMiddleware(...middleware))
)
Example #21
Source File: store.js    From MERN-Boilerplate with MIT License 5 votes vote down vote up
store = createStore(
  rootReducer,
  initialState,
  composeWithDevTools(applyMiddleware(...middleware))
)
Example #22
Source File: store.js    From petio with MIT License 5 votes vote down vote up
function initStore(initialState) {
	store = createStore(
		rootReducer,
		composeWithDevTools(),
		initialState,
		applyMiddleware(thunk)
	);
}
Example #23
Source File: store.js    From Django-REST-Framework-React-BoilerPlate with MIT License 5 votes vote down vote up
store = createStore(reducer, initialState, composeWithDevTools({ mageAge: 200 })(applyMiddleware(...middleware)))
Example #24
Source File: store.js    From mern-social-media with MIT License 5 votes vote down vote up
store = createStore( rootReducer, composeWithDevTools(applyMiddleware(thunk)))
Example #25
Source File: store.js    From pomodor with MIT License 5 votes vote down vote up
composeEnhancers = composeWithDevTools({ trace: true, traceLimit: 25 })
Example #26
Source File: configureStore.dev.js    From mern-stack with MIT License 5 votes vote down vote up
composeEnhancer = composeWithDevTools({
  actionsBlacklist: ['@@redux-form'],
})
Example #27
Source File: store.js    From snapdesk with MIT License 5 votes vote down vote up
store = createStore(
  // ADD REDUCERS
  reducers,
  composeWithDevTools(applyMiddleware(thunk))
)
Example #28
Source File: configureStore.js    From techno-broadlink with MIT License 5 votes vote down vote up
composeEnhancers = composeWithDevTools({})
Example #29
Source File: index.js    From javascript-mini-projects with The Unlicense 5 votes vote down vote up
store = createStore(rootreducer, composeWithDevTools(
  applyMiddleware(ReduxPromise),
  // other store enhancers if any
))