mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-24 10:33:58 +03:00
4164b6279e
* d3tooltip * map2tree * d3-state-visualizer * react-base16-styling * react-dock * Cleanup * Update * react-json-tree * redux-devtools * redux-devtools-app * redux-devtools-app-core * redux-devtools-cli * Fix * redux-devtools-dock-monitor * redux-devtools-extension * redux-devtools-inspector-monitor * redux-devtools-inspector-monitor-test-tab * redux-devtools-inspector-monitor-trace-tab * redux-devtools-instrument * Simplify * redux-devtools-log-monitor * redux-devtools-remote * redux-devtools-rtk-query-monitor * redux-devtools-serialize * redux-devtools-slider-monitor * redux-devtools-utils * Format |
||
---|---|---|
.. | ||
src | ||
test | ||
babel.config.esm.json | ||
babel.config.json | ||
CHANGELOG.md | ||
eslint.config.mjs | ||
jest.config.cjs | ||
LICENSE.md | ||
package.json | ||
README.md | ||
tsconfig.json | ||
tsconfig.test.json |
Redux DevTools Stack Trace Monitor
Submonitor for Redux DevTools inspector to show stack traces. Based on react-error-overlay
and the contribution of Mark Erikson in the PR from remotedev-app
.
It's integrated in Redux DevTools browser extension. To use it separately with redux-devtools
and redux-devtools-inspector-monitor
according to Walkthrough:
containers/DevTools.js
import React from 'react';
import { createDevTools } from '@redux-devtools/core';
import { InspectorMonitor } from '@redux-devtools/inspector-monitor';
import { TraceTab } from '@redux-devtools/inspector-monitor-trace-tab';
export default createDevTools(
<InspectorMonitor
tabs: defaultTabs => [...defaultTabs, { name: 'Trace', component: TraceTab }]
/>
);
store/configureStore.js
// ...
const enhancer = compose(
// ...
DevTools.instrument({ trace: true }),
);
// ...
License
MIT