The Ultimate React Redux debugger

#react #redux #beginners #tutorial

I like me, you are also new to using Redux, you would agree with me, things can get complicated real quickly, and to make matters worse, the conventional google debugger isn't much helpful.

But i found a google chrome extension to help make your life a lot easier and make your coding more of a pleasant experience.

The name of the debugger is Redux-devtools-extensions, below is a link to my forked version of it

https://github.com/vvilliam5/redux-devtools-extension.git

It is awesome because it has a really nice GUI that shows you all your action creators and reducers, and your store as a whole, and you can click on actions to revisit the state of your app at that particular point in time, i am still exploring it, but these are still the cool features ive discovered so far. I be sure to update on my new findings.

It works as a chrome extension, just download, import your applyMiddleware and compose objects from the redux library and add this line of code to your App component

const composeEnhancers = window.REDUX_DEVTOOLS_EXTENSION_COMPOSE || compose;
const store = createStore(reducers, composeEnhancers(applyMiddleware()));