redux-devtools/packages/redux-devtools-extension
renovate[bot] dcbb43b0a4
chore(deps): update all non-major dependencies (#1022)
Co-authored-by: Renovate Bot <bot@renovateapp.com>
2022-01-22 23:00:06 +00:00
..
src Convert npm extension package to TypeScript (#948) 2021-11-06 14:38:27 +00:00
.babelrc Add ESM builds (#997) 2022-01-10 15:41:53 +00:00
.eslintignore Add ESM builds (#997) 2022-01-10 15:41:53 +00:00
.eslintrc.js Add ESM builds (#997) 2022-01-10 15:41:53 +00:00
CHANGELOG.md Publish 2021-03-06 08:57:19 -05:00
package.json chore(deps): update all non-major dependencies (#1022) 2022-01-22 23:00:06 +00:00
README.md Convert npm extension package to TypeScript (#948) 2021-11-06 14:38:27 +00:00
rollup.config.js Add ESM builds (#997) 2022-01-10 15:41:53 +00:00
tsconfig.json Convert npm extension package to TypeScript (#948) 2021-11-06 14:38:27 +00:00

Redux DevTools Extension's helper

Join the chat at https://gitter.im/zalmoxisus/redux-devtools-extension

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 extensions 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
  )
);

Therere just few lines of code. If you dont want to allow the extension in production, just use @redux-devtools/extension/lib/developmentOnly instead of @redux-devtools/extension.

License

MIT