mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2025-02-28 17:30:38 +03:00
The changes introduce new color attributes for various elements in both StackTrace and StackFrame components. Specifically, the color and background color of StackTrace have been revised, alongside the color adjustments of linkStyle, anchorStyle and codeAnchorStyle properties in StackFrame. |
||
---|---|---|
.. | ||
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