Skip to content

Redux DevTools

Browser and standalone debugging tools for watching Redux state changes over time.

Stars
14.4k
Forks
1.2k
Licence
MIT
Language
TypeScript
Last update
4 days ago
Type
Dev tool

What it is

Redux DevTools is a set of debugging tools for apps that manage state with Redux or similar architectures. It is available as a browser extension for Chrome, Edge and Firefox, as a standalone app, and as a React component you can embed in your own app. The README describes features such as hot reloading, action replay and a customizable UI.

  • Inspect each dispatched action and the resulting state in a browser extension
  • Replay recorded actions to reproduce a bug
  • Monitor a remote app using the remote monitoring option described in the docs
  • Embed the DevTools UI as a React component inside your client app

Great for

  • Developers building React or other apps that use Redux
  • Teams who want to inspect state changes while debugging
  • Developers who want to embed a state inspector inside their own app
  • People working with apps that use other state-change architectures that the README says are supported via integrations

Not ideal for

  • People who do not write code or use Redux, since the tools target developers
  • Projects that do not manage application state with Redux or a compatible architecture
  • Users who need a production monitoring product, as the README frames this as a development workflow aid
Step-by-step guide: how to use Redux DevToolsInstall, first run, examples, tips and FAQs

How to get it

  1. 1

    Clone and build from source

    You'll need: pnpm

    Clone the repository

    git clone https://github.com/reduxjs/redux-devtools

    Install dependencies (monorepo, per README)

    pnpm install

    Build all packages (per README)

    pnpm run build:all
  2. 2

    Run it

    • For the browser extension, install it from the Chrome, Edge or Firefox add-on store links in the README
    • Open your app in the browser and open the Redux DevTools panel
    • Trigger some actions in your app and inspect the state changes
    • For embedding, follow the manual integration walkthrough linked in the README
  3. 3

    Get the most out of it

    • Read the Extension Options (Arguments) doc to configure the extension
    • Use the Extension Methods (Advanced API) doc for programmatic control
    • Set up remote monitoring if you need to inspect a non-local app
    • Check the Integrations doc to see which non-Redux architectures are supported

Downloads

Strengths

  • Available in several forms: browser extension, standalone app and React component
  • Free and open source under the MIT license
  • Actively maintained, with a recent push and a large community of stars

Trade-offs

  • The README is truncated and gives few concrete setup details, so setup depends on linked docs
  • It is a monorepo that requires pnpm and a build step for contributors, which adds complexity
  • Some features are described only at a high level in the excerpt provided

How it compares

ProjectStarsTypeLevelUpdatedBest for
redux-devtools (this)14.4kDev toolintermediate4 days agoDevelopers building React or other apps that use Redux
reactotron15.6kDev toolintermediate3 months agoReact Native developers who want to see app state and network calls while debugging

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.