redux-devtools/packages/redux-devtools-trace-monitor/README.md

36 lines
1.2 KiB
Markdown
Raw Normal View History

2019-01-10 21:51:14 +03:00
# Redux DevTools Stack Trace Monitor
Submonitor for Redux DevTools inspector to show stack traces. Based on [`react-error-overlay`](https://github.com/facebook/create-react-app/tree/master/packages/react-error-overlay) and the contribution of [Mark Erikson](https://github.com/markerikson) in [the PR from `remotedev-app`](https://github.com/zalmoxisus/remotedev-app/pull/43/).
It's integrated in Redux DevTools browser extension. To use it separately with [`redux-devtools`](https://github.com/reduxjs/redux-devtools/packages/redux-devtools) and [`redux-devtools-inspector`](https://github.com/reduxjs/redux-devtools/packages/redux-devtools-inspector) according to [Walkthrough](https://github.com/reduxjs/redux-devtools/blob/master/docs/Walkthrough.md):
##### `containers/DevTools.js`
```js
import React from 'react';
import { createDevTools } from 'redux-devtools';
import Inspector from 'redux-devtools-inspector';
import TraceMonitor from 'redux-devtools-trace-monitor';
export default createDevTools(
<Inspector
tabs: defaultTabs => [...defaultTabs, { name: 'Trace', component: TraceMonitor }]
/>
);
```
##### `store/configureStore.js`
```js
// ...
const enhancer = compose(
// ...
DevTools.instrument({ trace: true })
);
// ...
```
### License
MIT