import {Provider} from 'react-redux'
import {createStore, applyMiddleware, compose} from 'redux'
import reducers from './reducers';
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(reducers, composeEnhancers(applyMiddleware()))
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>,
document.getElementById('root')
);
GitHub
github.com › zalmoxisus › redux-devtools-extension
GitHub - zalmoxisus/redux-devtools-extension: Redux DevTools extension. · GitHub
Redux DevTools extension. Contribute to zalmoxisus/redux-devtools-extension development by creating an account on GitHub.
Starred by 13.5K users
Forked by 1K users
Languages JavaScript 98.4% | Pug 1.5% | HTML 0.1%
Chrome Web Store
chromewebstore.google.com › detail › redux-devtools › lmhkpmbekcpmknklioeibfkpmmfibljd
Redux DevTools - Chrome Web Store
Redux DevTools for debugging application's state changes. The extension provides power-ups for your Redux development workflow. Apart from Redux, it can be used with any other architectures which handle the state. This is an open source project.
Videos
10:49
Redux Complete Course #36 | Install Redux DevTool Extension - YouTube
05:27
Redux Toolkit Tutorial - 29 - Redux Devtools - YouTube
13:05
How to use Redux DevTools - YouTube
06:46
React Redux Tutorials - 24 - Redux Devtool Extension - YouTube
01:41
Redux Toolkit - Redux Dev Tools - YouTube
GitHub
github.com › reduxjs › redux-devtools
GitHub - reduxjs/redux-devtools: DevTools for Redux with hot reloading, action replay, and customizable UI · GitHub
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 ...
Starred by 14.3K users
Forked by 1.2K users
Languages TypeScript 84.9% | JavaScript 14.0%
npm
npmjs.com › package › @redux-devtools › extension
redux-devtools/extension
March 8, 2026 - import { createStore, applyMiddleware } from 'redux'; import { composeWithDevTools } from '@redux-devtools/extension'; const composeEnhancers = composeWithDevTools({ // Specify here name, actionsDenylist, actionsCreators and other options }); const store = createStore( reducer, composeEnhancers( applyMiddleware(...middleware), // other store enhancers if any ), );
» npm install @redux-devtools/extension
Published Mar 08, 2026
Version 4.0.0
npm
npmjs.com › package › redux-devtools-extension
redux-devtools-extension - npm
March 6, 2021 - import { createStore, applyMiddleware } from 'redux'; import { composeWithDevTools } from 'redux-devtools-extension'; const composeEnhancers = composeWithDevTools({ // Specify here name, actionsBlacklist, actionsCreators and other options }); const store = createStore( reducer, composeEnhancers( applyMiddleware(...middleware) // other store enhancers if any ) );
» npm install redux-devtools-extension
Published Mar 06, 2021
Version 2.13.9
Author Mihail Diordiev
Mozilla Add-ons
addons.mozilla.org › en-US › firefox › addon › reduxdevtools
Redux DevTools – Get this Extension for 🦊 Firefox (en-US)
April 3, 2025 - Download Redux DevTools for Firefox. DevTools for Redux with actions history, undo and replay.
Top answer 1 of 5
12
import {Provider} from 'react-redux'
import {createStore, applyMiddleware, compose} from 'redux'
import reducers from './reducers';
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(reducers, composeEnhancers(applyMiddleware()))
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>,
document.getElementById('root')
);
2 of 5
2
It only works when it detects a store on the application you are running. It makes sense since there is nothing to be shown.
Start an application with Redux correctly wired up and it will appear colored and will have very useful information.
EDIT:
I think I found it. Check the code correction. The compose method must be raplace if a __REDUX_DEVTOOLS_EXTENSION_COMPOSE__ exists.
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
let store;
store = createStore(
rootReducer,
initialState,
composeEnhancers(
applyMiddleware(...middleware)
);
No if statements
Microsoft Edge
microsoftedge.microsoft.com › addons › detail › redux-devtools › nnkgneoiohoecpdiaponcejilbhhikei
Redux DevTools - Microsoft Edge Add-ons
April 3, 2025 - Make Microsoft Edge your own with extensions that help you personalize the browser and be more productive.
TutorialsPoint
tutorialspoint.com › redux › redux_devtools.htm
Redux - Devtools
Redux DevTools Extension − A browser extension that implements the same developer tools for Redux is as follows −
SourceForge
sourceforge.net › projects › redux-devtools.mirror
Redux DevTools download | SourceForge.net
March 8, 2026 - Download Redux DevTools for free. DevTools for Redux with hot reloading, action replay, and UI. Developer Tools to power-up Redux development workflow or any other architecture which handles the state change.
Rootstack
rootstack.com › en › blog › redux-devtools
What is Redux DevTools and how to use them | Rootstack
Take into account that there are two variants of Redux development: Redux DevTools and Eztensión Redux DevTools. The first thing is to install the extension in your browser, a very important one to connect your browser to Redux, without it you will not be able to load the tools from your computer.
Browsee
browsee.io › blog › redux-devtools-how-to-use-getting-started
Redux Devtools - How To Use, Getting Started
August 26, 2023 - With the persistState () store enhancer, you could keep debugging sessions on web page reloads. DevTool is a Chrome-based extension that provides a console to set up our development environment with Redux.
Top answer 1 of 5
27
I faced a similar problem, the following worked for me.
Goto extensions settings for redux Devtools in chrome extensions and check Allow Access to file URLs settings.
Extensions > Redux Devtools > Allow Access to file URLs
2 of 5
6
I had the same issue where the option REDUX did not appear in the top menu Chrome browser.
- In "Manage Extensions", I made sure Redux DevTools was active and updated.
- I reloaded the page.
- Right click >> Redux DevTools >> Open in a panel(enable in browser settings)
- Right click >> Inspect
Now, verify "Redux" appears in the top menu next to Elements, Console, ... , Lighthouse, etc.
Redux DevTools extension should be working in chrome-devtools.
Softonic
redux-devtools.en.softonic.com › home › web browsers › browsers › google chrome › redux devtools
Redux DevTools for Google Chrome - Extension Download
April 3, 2025 - Redux DevTools is a powerful Chrome extension designed for debugging application's state changes. It provides essential tools for enhancing your Redux development workflow.
Mini-rx
mini-rx.io › redux devtools
Redux DevTools Extension | MiniRx - RxJS state management
MiniRx has basic support for the Redux DevTools. These are the current possibilities: ... You need to install the Browser Plugin to make it work. ... import { ReduxDevtoolsExtension } from 'mini-rx-store'; const store: Store = configureStore({ extensions: [ new ReduxDevtoolsExtension({ name: 'MiniRx Showcase', maxAge: 25, latency: 1000 }) ] });
CodeSandbox
codesandbox.io › examples › package › redux-devtools-extension
redux-devtools-extension examples - CodeSandbox
Use this online redux-devtools-extension playground to view and fork redux-devtools-extension example apps and templates on CodeSandbox.
Visual Studio Marketplace
marketplace.visualstudio.com › items
Redux DevTools - Visual Studio Marketplace
March 11, 2019 - Extension for Visual Studio Code - vscode redux devtools wrapper
Stack Overflow
stackoverflow.com › questions › tagged › redux-devtools-extension
Newest 'redux-devtools-extension' Questions - Stack Overflow
I want to use redux devtools on our react-native app that's using react-native 0.67.1 and hermes. I don't mind using any known tools (like react-native-debugger, or flipper), but I was blocked on ... ... For some unknown issue after getting the latest update from the redux dev tools chrome extension I am getting the below warning message: Symbol.observable as defined by Redux and Redux DevTools do ...
Medium
medium.com › @samueldinesh › setting-up-redux-devtools-a-simple-guide-3b386a6254fa
Setting Up Redux DevTools — A Simple Guide | by Dinesh Babu | Medium
February 28, 2020 - What is the Redux DevTools Extension? It is basically a console which you can set up in your development environment (Google Chrome) to visualize actions and state changes that take place in a redux application.
Open Collective
opencollective.com › redux-devtools-extension
Redux DevTools - Open Collective
Developer Tools to power-up Redux development workflow or any other architecture which handles the state change. It helps to boost the developer’s productivity significantly and makes the development fun.