Инструменты разработки Redux с формой redux

Я использую redux с redux devtool Я только что попробовал redux-form: отличная работа и забавно использовать! Однако я предполагаю, что каждый раз, когда я изменяю поле, состояние приложения менялось. инструмент разработчика redux сохраняет каждую новую клавишу, нажатую в поле. это сильно замедляет обновление поля!

Вот док-панель redux devtool, которая показывает изменения состояния приложения: введите здесь описание изображения

Вот как я связываю redux-devtool со своим магазином приложений:

const createStoreWithMiddleware = (() => {

  //DEv too only available in development 
    if (__DEV__ && window && window.location) {

    return compose(
      applyMiddleware(thunk),
      devTools.instrument(),
      persistState(
        window.location.href.match(/[?&]debug_session=([^&]+)\b/)
      )
    )(createStore);
  } else {
    return compose(
      applyMiddleware(thunk)
    )(createStore);
  }
})();


function configureStore(initialState) {
  const store = createStoreWithMiddleware(rootReducer, initialState);

  if (module.hot) {
    // Enable Webpack hot module replacement for reducers
    module.hot.accept("./reducers", () => {
      const nextReducer = require("./reducers");
      store.replaceReducer(nextReducer);
    });
  }
  return store;
}

var appStore = configureStore();
export default appStore;

Я хотел бы найти способ избежать того, чтобы инструмент Redux dev собирал изменения в Redux-форме. Любое лучшее решение будет приветствоваться :)


person Damien Leroux    schedule 27.04.2016    source источник


Ответы (2)


Я думаю, что redux-devtools-filter-actions — это эликсир, который вы ищете. Это было рекомендовано в этой ветке с жалобами на redux-form многословие.

person Erik R.    schedule 27.04.2016
comment
Спасибо, я попробую как можно скорее и дам вам знать, если это сработает. Большое спасибо! - person Damien Leroux; 28.04.2016

Вы можете перейти к параметрам расширений redux devtools в своем браузере, и там есть поле, в котором вы можете указать действия, которые следует игнорировать. Введите там «redux-form/CHANGE», это должно сработать.

person mandrive    schedule 12.08.2016