redux devtools как подключить

Redux DevTools можно подключить к проекту на нескольких этапах. Вот шаг за шагом инструкция:

1. Установите расширение Redux DevTools в вашем браузере (доступно для Chrome, Firefox, и др.).

2. Установите пакет redux-devtools-extension в ваш проект с помощью npm или yarn:

   npm install redux-devtools-extension
   

3. Импортируйте расширение и добавьте его к вашему хранилищу Redux:

   import { createStore } from 'redux';
   import { composeWithDevTools } from 'redux-devtools-extension';
   import rootReducer from './reducers';
   

const store = createStore( rootReducer, composeWithDevTools() );

4. Если вы хотите настроить расширение, вы также можете передать параметры в `composeWithDevTools()`. Например, вы можете добавить имя экземпляра или определить действия, которые должны быть исключены из записи.
```javascript
const store = createStore(
  rootReducer,
  composeWithDevTools({
    name: 'MyApp',
    actionsBlacklist: ['SOME_ACTION']
  })
);

1. Теперь откройте вкладку Redux DevTools в своем браузере и вы увидите все действия и состояния вашего приложения.

Это все, что вам нужно сделать, чтобы подключить Redux DevTools к вашему проекту и начать отслеживать и отлаживать состояние вашего Redux хранилища.