Redux DevTools Extension

Redux DevTools Extension is the store-enhancer helper package that wires a Redux store up to the Redux DevTools browser extension, giving you action logging, state diffing, and time-travel debugging directly in Chrome/Firefox DevTools. It’s the actively maintained successor to the original redux-devtools npm package (now deprecated in favor of the scoped @redux-devtools/* packages published from this monorepo).

The monorepo also hosts the standalone DevTools app/CLI, a set of pluggable inspector/log/chart monitors, and shared UI packages (like react-json-tree) that render the state tree, so teams that can’t use the browser extension (React Native, server-side Redux) can still get the same debugging experience via a remote or embedded monitor.

What You Get

• composeWithDevTools/composeWithDevToolsDevelopmentOnly store enhancer helpers for wiring a Redux store to the browser extension
• Action logging with full payload/state diffing in the browser extension’s inspector panel
• Time-travel debugging — replay, skip, or jump to any previously dispatched action
• Pluggable monitor packages (log monitor, chart monitor, slider monitor) for visualizing state changes differently
• A standalone redux-devtools-cli/remote monitor for environments without a browser extension (React Native, Node)
• Shared UI packages like react-json-tree and react-base16-styling for rendering and theming the state tree

Common Use Cases

• Debugging why a Redux action produced unexpected state by inspecting the action payload and resulting diff
• Time-traveling through a bug report’s action history to find the exact action that introduced a regression
• Recording and exporting a sequence of actions to reproduce a bug for a teammate or in an automated test
• Wiring up remote DevTools debugging for a React Native app where the browser extension isn’t available

Under The Hood

Architecture - The monorepo is organized as dozens of scoped packages under packages/: redux-devtools-extension provides the thin store-enhancer glue (composeWithDevTools) that apps import, redux-devtools-instrument implements the core action-history/time-travel reducer wrapper that both the extension and standalone app share, and separate monitor packages (redux-devtools-log-monitor, redux-devtools-chart-monitor, redux-devtools-inspector-monitor) plug into a common redux-devtools-dock-monitor UI shell, with react-json-tree/react-base16-styling providing the shared state-tree rendering and theming used across monitors. Tech Stack - TypeScript throughout, built with a Yarn/Lerna-style monorepo layout, React for the monitor UI packages, and Redux itself as the core dependency being instrumented; the standalone app (redux-devtools-app) bundles these pieces into an Electron-style DevTools application. Code Quality - Each package carries its own package.json/README/tests scoped to a single responsibility (one monitor, one utility), and the repo has 1,600+ commits with active, continuous maintenance (daily-level recent activity) despite the deprecated top-level redux-devtools package still lingering on npm as a compatibility pointer. API Design - composeWithDevTools is designed as a near drop-in replacement for Redux’s own compose, so integrating DevTools support typically requires changing one import and one function call, which keeps the barrier to adopting time-travel debugging extremely low for any existing Redux app.