JAVASCRIPT

redux-devtools-extension npm

npm install --save redux-devtools-extension

redux devtools extension npm

const store = createStore(rootReducer,composeWithDevTools(applyMiddleware(...middleware)) );

redux devtools chrome

 const store = createStore(
   reducer, /* preloadedState, */
+  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
 );

redux dev tools

//add middleware in store
 window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()

redux devtools

 window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()

redux devtools extention in redux toolkit

/*
Redux toolkit by default enables devtools on all environments.
It is best practice to disable devtools on production.
However, some say having devtools enabled in production is not an issue.
*/

const store = configureStore({
    reducer: rootReducer,
    middleware: getDefaultMiddleware(),
    // To disable devtools in production
    devTools: process.env.NODE_ENV !== 'production',
  })

redux devtools extension

 const store = createStore(
   reducer, /* preloadedState, */
+  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
 );

redux devtools

import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';

const store = createStore(reducer, composeWithDevTools(
  applyMiddleware(...middleware),
  // other store enhancers if any
));

redux devtools

what  a text to edit