mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-25 11:03:57 +03:00
bdb9b953ef
- remotedev-redux-devtools-extension@3.0.5 - d3-state-visualizer@1.6.0 - d3tooltip@2.1.0 - map2tree@2.1.0 - react-base16-styling@0.9.1 - react-dock@0.5.1 - react-json-tree@0.16.1 - @redux-devtools/app@2.1.0 - @redux-devtools/chart-monitor@2.1.0 - @redux-devtools/cli@1.0.5 - @redux-devtools/dock-monitor@2.1.0 - @redux-devtools/extension@3.2.0 - @redux-devtools/inspector-monitor-test-tab@0.8.4 - @redux-devtools/inspector-monitor-trace-tab@0.3.3 - @redux-devtools/inspector-monitor@2.1.0 - @redux-devtools/instrument@2.1.0 - @redux-devtools/log-monitor@3.1.0 - @redux-devtools/remote@0.7.3 - @redux-devtools/rtk-query-monitor@2.1.0 - @redux-devtools/serialize@0.4.1 - @redux-devtools/slider-monitor@3.1.0 - @redux-devtools/ui@1.2.0 - @redux-devtools/utils@1.2.0 - @redux-devtools/core@3.11.0 - d3-state-visualizer-tree-example@0.1.4 - react-dock-demo@0.1.4 - react-json-tree-example@1.1.6 - test-demo@0.1.7 - inspector-demo@0.1.5 - rtk-query-demo@0.1.6 - slider-todomvc@0.1.8 - counter-redux@0.1.7 - todomvc@0.2.6 |
||
---|---|---|
.. | ||
src | ||
.eslintignore | ||
.eslintrc.js | ||
babel.config.esm.json | ||
babel.config.json | ||
CHANGELOG.md | ||
package.json | ||
README.md | ||
tsconfig.json |
Redux DevTools Extension's helper
Usage
Install:
yarn add @redux-devtools/extension
and use like that:
import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from '@redux-devtools/extension';
const store = createStore(
reducer,
composeWithDevTools(
applyMiddleware(...middleware)
// other store enhancers if any
)
);
or if needed to apply extension’s options:
import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from '@redux-devtools/extension';
const composeEnhancers = composeWithDevTools({
// Specify here name, actionsDenylist, actionsCreators and other options
});
const store = createStore(
reducer,
composeEnhancers(
applyMiddleware(...middleware)
// other store enhancers if any
)
);
There’re just few lines of code. If you don’t want to allow the extension in production, just use ‘@redux-devtools/extension/lib/developmentOnly’ instead of ‘@redux-devtools/extension’.
License
MIT