mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-30 05:23:53 +03:00
2608a0b5f5
The change updated the backgroundColor of StackFrameCodeBlock component in redux-devtools-inspector-monitor-trace-tab package to '#e0e0e0'. The new color scheme contributes to improved readability and overall component appearance. |
||
---|---|---|
.. | ||
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