2022-02-14 01:01:30 +03:00
![GitHub Workflow Status ](https://img.shields.io/github/workflow/status/reduxjs/redux-devtools/CI )
[![PRs Welcome ](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=round-square )](https://github.com/reduxjs/redux-devtools/pulls)
[![OpenCollective ](https://opencollective.com/redux-devtools-extension/backers/badge.svg )](#backers)
[![OpenCollective ](https://opencollective.com/redux-devtools-extension/sponsors/badge.svg )](#sponsors)
2018-12-12 03:19:33 +03:00
2024-03-05 03:32:14 +03:00
# Redux DevTools (Custom Version)
This fork of [Redux DevTools ](https://github.com/reduxjs/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:
1. Set `External editor:` to `jetbrains_server` .
2. Set `Absolute path to the project directory to open:` to `/` .
## Original Redux DevTools
2018-12-12 03:19:33 +03:00
2022-01-16 23:30:48 +03:00
Developer Tools to power-up [Redux ](https://redux.js.org/ ) development workflow or any other architecture which handles the state change (see [integrations ](https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/Integrations.md )).
2018-12-12 03:19:33 +03:00
2022-01-09 16:32:39 +03:00
It can be used as a browser extension (for [Chrome ](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd ), [Edge ](https://microsoftedge.microsoft.com/addons/detail/redux-devtools/nnkgneoiohoecpdiaponcejilbhhikei ) and [Firefox ](https://addons.mozilla.org/en-US/firefox/addon/reduxdevtools/ )), as [a standalone app ](https://github.com/reduxjs/redux-devtools/tree/main/packages/redux-devtools-app ) or as [a React component ](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools ) integrated in the client app.
2018-12-12 03:19:33 +03:00
![image ](https://user-images.githubusercontent.com/7957859/48663602-3aac4900-ea9b-11e8-921f-97059cbb599c.png )
2022-02-14 01:01:30 +03:00
## Documentation
2018-12-12 03:19:33 +03:00
2022-01-16 23:30:48 +03:00
- [Browser Extension Installation and Configuration ](https://github.com/reduxjs/redux-devtools/tree/main/extension#installation )
2018-12-12 03:19:33 +03:00
- [Manual Integration as a React Component ](./docs/Walkthrough.md#manual-integration )
2022-01-16 23:30:48 +03:00
- [Extension Options (Arguments) ](https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/API/Arguments.md )
- [Extension Methods (Advanced API) ](https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/API/Methods.md )
2019-01-05 19:25:16 +03:00
- [Remote monitoring ](./docs/Integrations/Remote.md )
2022-01-16 23:30:48 +03:00
- [Troubleshooting ](https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/Troubleshooting.md )
- [Recipes ](https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/Recipes.md )
- [FAQ ](https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/FAQ.md )
2018-12-12 03:19:33 +03:00
2022-05-08 21:51:47 +03:00
## Development
This is a monorepo powered by [pnpm ](https://pnpm.io/ ) and [Nx ](https://nx.dev/ ). [Install pnpm ](https://pnpm.io/installation ) 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` ).
2022-02-14 01:01:30 +03:00
## Backers
2022-02-15 18:48:37 +03:00
2022-02-14 01:01:30 +03:00
Support us with a monthly donation and help us continue our activities. [[Become a backer ](https://opencollective.com/redux-devtools-extension#backer )]
< a href = "https://opencollective.com/redux-devtools-extension/backer/0/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/0/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/1/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/1/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/2/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/2/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/3/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/3/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/4/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/4/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/5/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/5/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/6/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/6/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/7/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/7/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/8/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/8/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/9/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/9/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/10/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/10/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/11/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/11/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/12/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/12/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/13/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/13/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/14/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/14/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/15/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/15/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/16/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/16/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/17/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/17/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/18/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/18/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/19/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/19/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/20/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/20/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/21/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/21/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/22/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/22/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/23/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/23/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/24/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/24/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/25/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/25/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/26/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/26/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/27/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/27/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/28/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/28/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/backer/29/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/backer/29/avatar.svg" > < / a >
## Sponsors
2022-02-15 18:48:37 +03:00
2022-02-14 01:01:30 +03:00
Become a sponsor and get your logo on our README on Github with a link to your site. [[Become a sponsor ](https://opencollective.com/redux-devtools-extension#sponsor )]
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/0/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/0/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/1/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/1/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/2/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/2/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/3/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/3/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/4/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/4/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/5/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/5/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/6/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/6/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/7/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/7/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/8/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/8/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/9/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/9/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/10/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/10/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/11/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/11/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/12/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/12/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/13/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/13/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/14/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/14/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/15/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/15/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/16/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/16/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/17/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/17/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/18/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/18/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/19/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/19/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/20/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/20/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/21/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/21/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/22/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/22/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/23/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/23/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/24/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/24/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/25/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/25/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/26/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/26/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/27/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/27/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/28/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/28/avatar.svg" > < / a >
< a href = "https://opencollective.com/redux-devtools-extension/sponsor/29/website" target = "_blank" > < img src = "https://opencollective.com/redux-devtools-extension/sponsor/29/avatar.svg" > < / a >
2018-12-12 03:19:33 +03:00
### License
MIT