/
Вопросы и ответы
/
Тестирование
/

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

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

2 года назад

Nikolai Gagarinov

Ответы

1

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

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

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

npm install redux-devtools-extension
  1. Импортируйте расширение и добавьте его к вашему хранилищу Redux:
import { createStore } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import rootReducer from './reducers';

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

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

год назад

Olga Pejenkova