14.4K ·GitHub
What is this?
Redux DevTools is a developer tools suite for Redux (or any architecture that handles state changes) that lets you inspect every dispatched action, replay actions, and hot reload your app's state.
Redux DevTools is a developer tools suite for Redux (or any architecture that handles state changes) that lets you inspect every dispatched action, replay actions, and hot reload your app's state.Is this a browser extension or a library I add to my code?Both: it ships as a browser extension for Chrome, Edge and Firefox, and it can also be used as a standalone app or as a React component integrated directly into your app.
Both: it ships as a browser extension for Chrome, Edge and Firefox, and it can also be used as a standalone app or as a React component integrated directly into your app.How do I get it set up in my project?Install the browser extension from the store for your browser and it will auto-detect a Redux store, or follow the Manual Integration as a React Component docs to embed the DevTools component directly in your app.
Install the browser extension from the store for your browser and it will auto-detect a Redux store, or follow the Manual Integration as a React Component docs to embed the DevTools component directly in your app.Do I need to build every package to work on one part of it?No, you can build just the packages you need using pnpm workspace filter commands instead of building the whole monorepo.
No, you can build just the packages you need using pnpm workspace filter commands instead of building the whole monorepo.Does it only work with Redux?It's built around Redux's architecture but the README notes it also supports other state-management architectures via integrations.
It's built around Redux's architecture but the README notes it also supports other state-management architectures via integrations.Can I monitor a Redux app running on a different device or in a non-browser environment?Yes, the docs include a Remote monitoring guide for inspecting state outside a local browser tab.
Yes, the docs include a Remote monitoring guide for inspecting state outside a local browser tab.What happens if the extension does not detect my store?There is a dedicated Troubleshooting doc in the README's documentation list for diagnosing connection issues.
There is a dedicated Troubleshooting doc in the README's documentation list for diagnosing connection issues.Is there guidance beyond basic install, like common patterns?Yes, the README links to a Recipes doc and an FAQ for more advanced usage patterns.
Yes, the README links to a Recipes doc and an FAQ for more advanced usage patterns.What are similar projects?redux-devtools-extension, devtools-v6, react-devtools, zustand, openreplay, responsively-app, react-scan, web-source-inspect
redux-devtools-extension, devtools-v6, react-devtools, zustand, openreplay, responsively-app, react-scan, web-source-inspectWhich topics is it in?redux, firefox-extension, devtools, state-management, debugging, chrome-extension, browser-extension, monitoring, react, npm, frontend, nodejs
redux, firefox-extension, devtools, state-management, debugging, chrome-extension, browser-extension, monitoring, react, npm, frontend, nodejs