DEV Community

khaled-17
khaled-17

Posted on

Setting Up Redux DevTools — A Simple Guide

The most important feature of Redex is the Debuggable,
as the official website explains

*How do we track it?
*

Image description

1-Install Redux DevTools Extension:

for
or eny
Or any browser, just search for this add-on according to your browser

Install the Redux DevTools extension for your browser. Extensions are available for browsers such as Google Chrome and Mozilla Firefox.

You can find the Redux DevTools extension on your browser's extension store.


2 - install redux-devtools-extension:


npm install redux-devtools-extension --save

for yarn
yarn add redux-devtools-extension

in stor js add that line in your code its just line

Image description


*like that
*

import counterReducer from "./reducers/reducer"
import { createStore } from 'redux';
const store = createStore(counterReducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__())

export default store
Enter fullscreen mode Exit fullscreen mode

*Pay attention please Its a Basic method
*

Because there is another way as well, you can read the documents to know it, but this method is enough

Top comments (0)