.changeset | ||
.github | ||
docs | ||
extension | ||
packages | ||
.eslintignore | ||
.gitattributes | ||
.gitignore | ||
.prettierignore | ||
.prettierrc | ||
CODE_OF_CONDUCT.md | ||
eslintrc.js.base.json | ||
eslintrc.ts.base.json | ||
eslintrc.ts.jest.base.json | ||
eslintrc.ts.react.base.json | ||
eslintrc.ts.react.jest.base.json | ||
jest.config.js | ||
LICENSE.md | ||
nx.json | ||
package.json | ||
pnpm-lock.yaml | ||
pnpm-workspace.yaml | ||
README.md | ||
renovate.json | ||
tsconfig.base.json | ||
tsconfig.react.base.json |
Redux DevTools (Custom Version)
This fork of Redux DevTools includes enhanced styling for better trace readability and JetBrains product support for code opening from traces when using the JavaScript debugger and the built-in server at the default port 63342.
Features
- Improved trace styles for increased readability.
- Added support for opening code directly from traces in JetBrains IDEs (like WebStorm, IntelliJ IDEA, etc.).
JetBrains Integration
To use the JetBrains integration:
- Set
External editor:
tojetbrains_server
. - Set
Absolute path to the project directory to open:
to/
.
Fix issue with background color of the trace panel.
Fix issue with the background black color of the trace tab.
Add copy to clipboard functionality to TreeView, in State and Action tabs.
Original Redux DevTools
Developer Tools to power-up Redux development workflow or any other architecture which handles the state change (see integrations).
It can be used as a browser extension (for Chrome, Edge and Firefox), as a standalone app or as a React component integrated in the client app.
Documentation
- Browser Extension Installation and Configuration
- Manual Integration as a React Component
- Extension Options (Arguments)
- Extension Methods (Advanced API)
- Remote monitoring
- Troubleshooting
- Recipes
- FAQ
Development
This is a monorepo powered by pnpm and Nx. Install pnpm and run pnpm install
to get started. Each package's dependencies need to be built before the package itself can be built. You can either build all the packages (i.e., pnpm run build:all
) or use Nx commands to build only the packages necessary for the packages you're working on (i.e., pnpm nx build remotedev-redux-devtools-extension
).
Backers
Support us with a monthly donation and help us continue our activities. [Become a backer]
Sponsors
Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]
License
MIT