Search code examples
javascriptreactjsreduxgoogle-chrome-devtoolsreact-redux

Can I view/modify the Redux store using Chrome Dev Tools


React Dev Tools is great for working with Redux, I can simply go in and modify props / state to see the affect on the relevant Container.

However if the required Container isn't mounted I need to directly modify the Redux store to make it appear. Is this possible with Chrome Dev Tools, I am able to find the Redux store, it is the top level <Provider /> component, I can even see the getState method, but is there anyway to modify the underlying state?

React dev tools Provider


Solution

  • Yes, you can. There is a great Redux DevTools Extension for Chrome/Firefox/Electron which adds a new Redux tab to devtools:

    enter image description here

    You can import and export current store, go back in history, change whatever you want and much more.