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

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay