Встречается на собеседованиях • сегодня

Как DevTools подключены к Redux

DevTools для Redux подключаются через middleware redux-devtools-extension. Основные способы:

Базовое подключение (для разработки):

javascript

import { composeWithDevTools } from 'redux-devtools-extension';

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

Для продакшена нужно убрать DevTools:

javascript

const composeEnhancers = process.env.NODE_ENV === 'development'
  ? composeWithDevTools
  : compose;

const store = createStore(reducer, composeEnhancers(applyMiddleware(...middleware)));

Дополнительные настройки (например, для мониторинга действий):

javascript

composeWithDevTools({
  trace: true, // показывает стек вызовов для действий
  traceLimit: 25 // лимит трассировки
})(applyMiddleware(...middleware))

DevTools позволяют:

Просматривать состояние хранилища
Отслеживать dispatched actions
"Путешествовать во времени" между состояниями
Диспатчить actions вручную

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы