Repolode
Submit
reduxjs

reduxjs/redux-devtools

Browser extension and React component for inspecting Redux state, with action replay and hot reloading.

View on GitHubWebsite
Stars
14,370
Forks
1,191
Open issues
146
Last commit
4 hours ago

What is it?

Redux DevTools lets developers inspect every action dispatched to a Redux store and see how the state changes in response. It can also be used with other architectures that manage state changes, as long as they are wired up through its integration APIs.

The project ships in three forms: a browser extension for Chrome, Edge and Firefox, a standalone desktop-style app, and a React component that can be embedded directly in a client application. The extension and component share a customizable UI with monitors for state trees and action histories.

Developers can replay recorded actions, step through past states, and hot reload reducers while keeping the current state. The repository is a pnpm monorepo, and the README describes building all packages or only the ones needed for a given change.

Key features

  • 01Browser extension for Chrome, Edge and Firefox
  • 02Standalone app and embeddable React component
  • 03Action replay and stepping through past states
  • 04Hot reloading of reducers while preserving state
  • 05Customizable UI and monitors
  • 06Integrations for state managers beyond Redux

Use cases

  • Debugging state changes in a React app that uses Redux
  • Replaying a sequence of user actions to reproduce a bug
  • Embedding a state inspector inside an internal tool
  • Inspecting state remotely from a non-browser environment

Quick start

  1. 1

    Install the browser extension from the Chrome, Edge or Firefox store

  2. 2

    Install pnpm from the pnpm website

  3. 3

    Install the monorepo dependencies

    pnpm install
  4. 4

    Build all packages

    pnpm run build:all

Things to know

  • The browser extension is available only for Chrome, Edge and Firefox.
  • Building from source requires pnpm and building every package first, which is mainly suited to contributors.

Topics

#redux#debugging#react#browser-extension#state-management#developer-tools

FAQ

What is redux-devtools?
Browser extension and React component for inspecting Redux state, with action replay and hot reloading. Redux DevTools lets developers inspect every action dispatched to a Redux store and see how the state changes in response. It can also be used with other architectures that manage state changes, as long as they are wired up through its integration APIs.
Is redux-devtools free to use? What license does it have?
redux-devtools is open source under the MIT license. Check the license terms before using it in commercial products.
Is redux-devtools still maintained?
Actively maintained. The last commit to redux-devtools was on Oct 21, 2026.
What can I use redux-devtools for?
Debugging state changes in a React app that uses Redux Replaying a sequence of user actions to reproduce a bug Embedding a state inspector inside an internal tool Inspecting state remotely from a non-browser environment
How do I install redux-devtools?
Install the browser extension from the Chrome, Edge or Firefox store Install pnpm from the pnpm website Install the monorepo dependencies: pnpm install Build all packages: pnpm run build:all
Where can I get redux-devtools?
The source code and installation instructions are on GitHub: https://github.com/reduxjs/redux-devtools

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects