mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-14 13:46:55 +03:00
bd463b19ec
* chore(deps): update typescript-eslint monorepo to v8 * instrument * react-base16-styling * Disable react/prop-types * react-json-tree * redux-devtools-ui * inspector-monitor * react-dock * log-monitor * map2tree * d3-state-visualizer * test-tab * rtk-query-monitor * slider-monitor * trace-tab * chart-monitor * app-core * utils * test-tab-demo * inspector-monitor-demo * redux-devtools-counter-demo * redux-devtools-todomvc-demo * remote * cli * react-dock-demo --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Nathan Bierema <nbierema@gmail.com> |
||
---|---|---|
.. | ||
src | ||
test | ||
.eslintignore | ||
.eslintrc.js | ||
babel.config.esm.json | ||
babel.config.json | ||
CHANGELOG.md | ||
jest.config.js | ||
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