DevTools for Redux with hot reloading, action replay, and customizable UI

Overview

Build Status PRs Welcome

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.

image

Note that this repository is work in progress for the monorepo, which will merge all the packages. Please refer to Redux DevTools Extension and Redux DevTools package.

Documentation

License

MIT

Issues
  • [email protected](Jan 10, 2022)

    This release adds ESM builds to all the packages and switches any default exports to named exports (https://github.com/reduxjs/redux-devtools/pull/997). This was done in order to ensure that the CommonJS output and the ESM output are interchangeable.

    Here is the list of package changes:

    d3tooltip 2.0.0

    - import d3tooltip from 'd3tooltip';
    + import { tooltip } from 'd3tooltip';
    

    map2tree 2.0.0

    - import map2tree from 'map2tree';
    + import { map2tree } from 'map2tree';
    

    react-dock 0.5.0

    - import Dock from 'react-dock';
    + import { Dock } from 'react-dock';
    

    react-json-tree 0.16.0

    - import JSONTree from 'react-json-tree';
    + import { JSONTree } from 'react-json-tree';
    

    react-json-tree 0.16.0

    - import JSONTree from 'react-json-tree';
    + import { JSONTree } from 'react-json-tree';
    

    @redux-devtools/app 2.0.0

    - import DevToolsApp from '@redux-devtools/app';
    + import { Root } from '@redux-devtools/app';
    

    @redux-devtools/chart-monitor 2.0.0

    - import ChartMonitor from '@redux-devtools/chart-monitor';
    + import { ChartMonitor } from '@redux-devtools/chart-monitor';
    

    @redux-devtools/chart-monitor 2.0.0

    - import ChartMonitor from '@redux-devtools/chart-monitor';
    + import { ChartMonitor } from '@redux-devtools/chart-monitor';
    

    @redux-devtools/dock-monitor 2.0.0

    - import DockMonitor from '@redux-devtools/dock-monitor';
    + import { DockMonitor } from '@redux-devtools/dock-monitor';
    

    @redux-devtools/inspect-monitor 2.0.0

    - import Inspector from '@redux-devtools/inspector-monitor';
    + import { InspectorMonitor } from '@redux-devtools/inspector-monitor';
    

    @redux-devtools/inspect-monitor-test-tab 0.8.0

    - import TestGenerator from '@redux-devtools/inspector-monitor-test-tab';
    - import mochaTemplate from '@redux-devtools/inspector-monitor-test-tab/lib/redux/mocha';
    + import { TestTab, reduxMochaTemplate } from '@redux-devtools/inspector-monitor-test-tab';
    

    @redux-devtools/inspect-monitor-trace-tab 0.3.0

    - import TraceTab from '@redux-devtools/inspector-monitor-trace-tab';
    + import { TraceTab } from '@redux-devtools/inspector-monitor-trace-tab';
    

    @redux-devtools/instrument 2.0.0

    - import instrument from '@redux-devtools/instrument';
    + import { instrument } from '@redux-devtools/instrument';
    

    @redux-devtools/log-monitor 3.0.0

    - import LogMonitor from '@redux-devtools/log-monitor';
    + import { LogMonitor } from '@redux-devtools/log-monitor';
    

    @redux-devtools/remote 0.7.0

    - import devToolsEnhancer from '@redux-devtools/remote';
    + import { devToolsEnhancer } from '@redux-devtools/remote';
    

    @redux-devtools/rtk-query-monitor 2.0.0

    - import RtkQueryrMonitor from '@redux-devtools/rtk-query-monitor';
    + import { RtkQueryrMonitor } from '@redux-devtools/rtk-query-monitor';
    

    @redux-devtools/serialize 0.4.0

    - import Serialize from '@redux-devtools/serialize';
    + import { immutable } from '@redux-devtools/serialize';
    

    @redux-devtools/slider-monitor 3.0.0

    - import SliderMonitor from '@redux-devtools/slider-monitor';
    + import { SliderMonitor } from '@redux-devtools/slider-monitor';
    
    Source code(tar.gz)
    Source code(zip)
  • [email protected](Jan 8, 2022)

    Summary

    New UI (Thanks @zalmoxisus!)

    image

    RTK Query Monitor (Thanks @FaberVitale!) https://user-images.githubusercontent.com/16583125/122668789-161c2e80-d1ba-11eb-92ad-b12a00adfa59.png

    Changelog

    Features

    • New UI (https://github.com/zalmoxisus/remotedev-app/pull/30) Thanks @zalmoxisus!
    • RTK Query Monitor (https://github.com/reduxjs/redux-devtools/pull/750) Thanks @FaberVitale!
    • Use system color scheme preference by default (https://github.com/reduxjs/redux-devtools/pull/861) Thanks @FaberVitale!
    • BREAKING Rename redux-devtools-extension package to @redux-devtools/extension (https://github.com/reduxjs/redux-devtools/pull/948).
    • BREAKING Options actionsBlacklist and actionsWhitelist renamed to actionsDenylist and actionsAllowlist (https://github.com/reduxjs/redux-devtools/pull/851)
    • BREAKING Remove deprecated window.devToolsExtension in favor of window.__REDUX_DEVTOOLS_EXTENSION__ (https://github.com/reduxjs/redux-devtools/pull/756). See usage.
    • BREAKING Remove deprecated serializeState, serializeAction, deserializeState, and deserializeAction arguments (https://github.com/reduxjs/redux-devtools/pull/942). Use the serialize parameter instead.
    • BREAKING Remove deprecated statesFilter and actionsFilter arguments (https://github.com/reduxjs/redux-devtools/pull/944). Use stateSanitizer and actionSanitizer instead.
    • BREAKING Remove deprecated getMonitor argument (https://github.com/reduxjs/redux-devtools/pull/945). Use __REDUX_DEVTOOLS_EXTENSION_COMPOSE__ instead.
    • BREAKING Remove deprecated ability to create a Redux store directly from the DevTools extension (https://github.com/reduxjs/redux-devtools/pull/946). See https://github.com/zalmoxisus/redux-devtools-extension/issues/613 for more details.
    • BREAKING Remove deprecated updateStore method (https://github.com/reduxjs/redux-devtools/pull/943). Use __REDUX_DEVTOOLS_EXTENSION_COMPOSE__ instead.
    • BREAKING Remove deprecated ability to use Redux DevTools inside extensions (https://github.com/reduxjs/redux-devtools/pull/947). Use Remote Redux DevTools instead.
    Source code(tar.gz)
    Source code(zip)
  • [email protected](Nov 6, 2021)

    Features

    • Use system color scheme preference by default (https://github.com/reduxjs/redux-devtools/pull/861) Thanks @FaberVitale!
    • BREAKING Rename redux-devtools-extension package to @redux-devtools/extension (https://github.com/reduxjs/redux-devtools/pull/948).
    • BREAKING Remove deprecated window.devToolsExtension in favor of window.__REDUX_DEVTOOLS_EXTENSION__ (https://github.com/reduxjs/redux-devtools/pull/756). See usage.
    • BREAKING Remove deprecated serializeState, serializeAction, deserializeState, and deserializeAction arguments (https://github.com/reduxjs/redux-devtools/pull/942). Use the serialize parameter instead.
    • BREAKING Remove deprecated statesFilter and actionsFilter arguments (https://github.com/reduxjs/redux-devtools/pull/944). Use stateSanitizer and actionSanitizer instead.
    • BREAKING Remove deprecated getMonitor argument (https://github.com/reduxjs/redux-devtools/pull/945). Use __REDUX_DEVTOOLS_EXTENSION_COMPOSE__ instead.
    • BREAKING Remove deprecated ability to create a Redux store directly from the DevTools extension (https://github.com/reduxjs/redux-devtools/pull/946). See https://github.com/zalmoxisus/redux-devtools-extension/issues/613 for more details.
    • BREAKING Remove deprecated updateStore method (https://github.com/reduxjs/redux-devtools/pull/943). Use __REDUX_DEVTOOLS_EXTENSION_COMPOSE__ instead.
    • BREAKING Remove deprecated ability to use Redux DevTools inside extensions (https://github.com/reduxjs/redux-devtools/pull/947). Use Remote Redux DevTools instead.
    Source code(tar.gz)
    Source code(zip)
  • v3.0.0-beta.1(Sep 6, 2021)

    Features

    • New UI (https://github.com/zalmoxisus/remotedev-app/pull/30) Thanks @zalmoxisus!
    • RTK Query Monitor (https://github.com/reduxjs/redux-devtools/pull/750) Thanks @FaberVitale!
    • BREAKING Options actionsBlacklist and actionsWhitelist renamed to actionsDenylist and actionsAllowlist (https://github.com/reduxjs/redux-devtools/pull/851) Thanks @Methuselah96!
    Source code(tar.gz)
    Source code(zip)
    extension.zip(6.62 MB)
  • [email protected](Aug 2, 2020)

    1.0.0-2 (2020-08-01)

    Fixes

    • redux-devtools-cli: fix loading umd modules (https://github.com/reduxjs/redux-devtools/pull/541)

    Features

    • redux-devtools-cli: update redux-devtools-core (https://github.com/reduxjs/redux-devtools/commit/73c3f2c672b2a07b7ac34d73d11f3a7eaab24691)
    Source code(tar.gz)
    Source code(zip)
  • [email protected](Aug 2, 2020)

    1.0.0-2 (2020-08-01)

    Fixes

    • redux-devtools-core: fix umd build (https://github.com/reduxjs/redux-devtools/pull/551)

    Features

    • redux-devtools-core: mark deprecated React lifecycle methods as unsafe (https://github.com/reduxjs/redux-devtools/pull/543)

    BREAKING CHANGES

    Source code(tar.gz)
    Source code(zip)
  • [email protected](Aug 2, 2020)

    0.6.0 (2020-08-01)

    Features

    • redux-devtools-test-generator: update dependency on devui (https://github.com/reduxjs/redux-devtools/commit/c665d8ebfc4c6b803b332af07be9ac716d9213ca)
    Source code(tar.gz)
    Source code(zip)
  • [email protected](Aug 2, 2020)

    2.0.0-3 (2020-08-01)

    Features

    • redux-slider-monitor: update dependency on devui (https://github.com/reduxjs/redux-devtools/commit/c665d8ebfc4c6b803b332af07be9ac716d9213ca)
    Source code(tar.gz)
    Source code(zip)
  • [email protected](Aug 2, 2020)

    1.0.0-4 (2020-08-01)

    Fixes

    • devui: only disable resize events if collapsible (https://github.com/reduxjs/redux-devtools/pull/549)

    Features

    • devui!: mark deprecated React lifecycle methods as unsafe (https://github.com/reduxjs/redux-devtools/pull/543)

    BREAKING CHANGES

    Source code(tar.gz)
    Source code(zip)
  • [email protected](Aug 2, 2020)

  • [email protected](Aug 2, 2020)

  • [email protected](Jul 31, 2020)

    0.12.1 (2020-07-30)

    Fixes

    • fix jsondiffpatch import (https://github.com/reduxjs/redux-devtools/commit/ea969017c1a5945f2c2d6becf89298fd1c7649d3)
    Source code(tar.gz)
    Source code(zip)
  • [email protected](Jul 31, 2020)

  • [email protected](Jul 30, 2020)

    0.12.0 (2020-07-30)

    Bug Fixes

    • react-json-tree: allow data for JSONTree to be any (https://github.com/reduxjs/redux-devtools/pull/513)

    • feat(react-json-tree)!: update react-json-tree peerDependency on react (https://github.com/reduxjs/redux-devtools/pull/517)

    Features

    • react-json-tree: mark deprecated React lifecycle methods as unsafe (https://github.com/reduxjs/redux-devtools/pull/483)

    BREAKING CHANGES

    Source code(tar.gz)
    Source code(zip)
  • [email protected](Jul 28, 2020)

  • v3.5.0(Dec 21, 2018)

    This is last tag version for redux-devtools package. We're switching to monorepo and will publish releases for the extension and packages. Thee tags will be moved to redux-devtools package CHANGELOG.

    Source code(tar.gz)
    Source code(zip)
  • v3.4.2(Nov 15, 2018)

  • v3.4.0(May 16, 2017)

  • v3.3.1(May 9, 2016)

  • v3.3.0(May 9, 2016)

    • Adds support for $$observable interop that is available since Redux 3.5.0 (#275, #274, https://github.com/reactjs/redux/issues/1675, https://github.com/reactjs/redux/pull/1632)
    Source code(tar.gz)
    Source code(zip)
  • v3.2.0(Apr 2, 2016)

    • Adds React 15 as a valid peer dependency

    • Adds maxAge option to instrument() to auto-commit old actions (https://github.com/gaearon/redux-devtools/pull/241)

      DevTools.instrument({ maxAge: 30 })
      
    • Adds SET_ACTIONS_ACTIVE lifted action for monitor authors who wish to implement toggling many actions at once (https://github.com/gaearon/redux-devtools/pull/248)

    Source code(tar.gz)
    Source code(zip)
  • v3.1.1(Feb 8, 2016)

  • v3.1.0(Feb 2, 2016)

  • v3.0.2(Jan 28, 2016)

    • Ensures that when old (pre Redux 3.1) and new (post Redux 3.1) styles of applying store enhancers are mixed, enhancers aren't lost (related: https://github.com/rackt/redux/pull/1302, https://github.com/rackt/redux/pull/1294)
    Source code(tar.gz)
    Source code(zip)
  • v3.0.1(Dec 27, 2015)

    • Adds better warnings for common mistakes (https://github.com/gaearon/redux-devtools/pull/211)
    • Attempts to provide better support for source maps for thrown errors (https://github.com/gaearon/redux-devtools/pull/208, https://github.com/gaearon/redux-devtools/issues/193, https://github.com/gaearon/redux-devtools/issues/194)
    Source code(tar.gz)
    Source code(zip)
  • v3.0.0(Dec 14, 2015)

    Finally, a stable 3.0 release! There are just a couple of changes since the latest beta:

    1. The monitor API has changed: the reducer static method must now be called update, and its signature has changed from (state, action, props) => state to (props, state, action) => state. This should be easy to fix in any monitor.
    2. We now have a much more detailed README, both for Redux DevTools and two its ‚Äúofficial‚ÄĚ monitors: LogMonitor and DockMonitor.
    3. Note that DockMonitor slightly changed its API before going 1.0: make sure to replace toggleVisibilityKey='h' with toggleVisibilityKey='ctrl-h' (or whatever you like it), and do the same for changePositionKey.

    Cheers!

    Source code(tar.gz)
    Source code(zip)
  • v3.0.0-beta-3(Oct 17, 2015)

    • Performance improvement: toggling actions now only recomputes actions that are necessary to recompute (https://github.com/gaearon/redux-devtools/commit/43bf473b12f6839c628d39b8d5ada2d9e6ba92f4)
    Source code(tar.gz)
    Source code(zip)
Owner
Redux
Redux is a predictable state container for JavaScript apps.
Redux
A chart monitor for Redux DevTools https://www.npmjs.com/package/redux-devtools-chart-monitor

Redux DevTools Chart Monitor This package was merged into redux-devtools monorepo. Please refer to that repository for the latest updates, issues and

Redux 298 Dec 18, 2021
A mock store for testing Redux async action creators and middleware.

redux-mock-store A mock store for testing Redux async action creators and middleware. The mock store will create an array of dispatched actions which

Redux 2.4k Jan 18, 2022
React with Redux, action, dispatch, reducer, store setup and guide

This Project has Snippets for react with redux steup, process and how to implemenntation details src->components->HomeButtons has old approach src->co

Mohib Khan 1 Nov 22, 2021
RxJS middleware for action side effects in Redux using "Epics"

RxJS-based middleware for Redux. Compose and cancel async actions to create side effects and more. https://redux-observable.js.org Install This has pe

redux-observable 7.8k Jan 18, 2022
Helper to create less verbose action types for Redux

Action Typer Helper to create slightly less verbose redux action types. Uses ES6 Proxies! Highly Performant: Proxy is only run once at startup. Includ

Alister Norris 57 Nov 21, 2021
A resizable and movable dock for Redux DevTools monitors

Redux DevTools Dock Monitor A resizable and movable dock for Redux DevTools. Powered by React Dock. Installation npm install --save-dev redux-devtools

Dan Abramov 400 Dec 27, 2021
Filterable tree view monitor for Redux DevTools

========================= Filterable tree view monitor for Redux DevTools. Actions are collapsed by default but they can be expanded by clicking on th

Brian Vaughn 151 May 7, 2021
Another Redux DevTools Monitor

redux-devtools-inspector This package was merged into redux-devtools monorepo. Please refer to that repository for the latest updates, issues and pull

Alexander Kuznetsov 241 Aug 10, 2021
The default monitor for Redux DevTools with a tree view

Redux DevTools Log Monitor The default monitor for Redux DevTools with a tree view. It shows a log of states and actions, and lets you change their hi

Dan Abramov 310 Sep 17, 2021
Redux DevTools remotely.

Remote Redux DevTools Use Redux DevTools remotely for React Native, hybrid, desktop and server side Redux apps. Installation npm install --save-dev re

Mihail Diordiev 1.8k Jan 13, 2022
React-query Devtools for swr

react-query devtools for swr under development Live Demo Installation yarn add @rendinjast/swr-devtools # or npm i @rendinjast/swr-devtools Usage impo

Erfan Khadivar 4 Jan 16, 2022
Skeleton React App configured with Redux store along with redux-thunk, redux persist and form validation using formik and yup

Getting Started with React-Redux App Some Configrations Needed You guys need to modify the baseUrl (path to your server) in the server.js file that is

Usama Sarfraz 10 Aug 23, 2021
A simple app for study react with redux, redux saga and typescript.

React com Redux, Redux-Saga e TypeScript. ?? Uma aplicação simple para entender o funcionamento do Redux e a melhor maneira de utiliza-lo junto com o

Jo√£o Marcos Belanga 1 Jan 5, 2022
Redux - Create forms using Redux And React

Exercício de fixação Vamos criar formulários utilizando Redux! \o/ Antes de inic

M√°rcio J√ļnior 3 Jan 5, 2022
A Higher Order Component using react-redux to keep form state in a Redux store

redux-form You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of Redux

Redux Form 12.6k Jan 18, 2022
redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state.

redux-immutable redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state. When Redux creat

Gajus Kuizinas 1.9k Dec 16, 2021
Ruthlessly simple bindings to keep react-router and redux in sync

Project Deprecated This project is no longer maintained. For your Redux <-> Router syncing needs with React Router 4+, please see one of these librari

React Community 7.9k Jan 15, 2022
An i18n solution for React/Redux and React Native projects

redux-react-i18n An i18n solution with plural forms support for Redux/React Workers of all countries, unite! Supported languages list with expected co

Dmitry Erzunov 63 Sep 30, 2021
persist and rehydrate a redux store

Redux Persist Persist and rehydrate a redux store. v6 upgrade Web: no breaking changes React Native: Users must now explicitly pass their storage engi

Zack Story 11.8k Jan 21, 2022