Полоса хода с сокращением

У меня есть процесс загрузки фона в моем приложении response/redux, которое обновляется очень часто. Мой редуктор выглядит примерно так:

export default function progressReducer(state = initialState, action = {}) {
  switch (action.type) {
    case PROGRESS_TOTAL_INCREASE:
      return Object.assign({}, state, {total: state.total + action.amount});
    case PROGRESS_CURRENT_INCREASE:
      let current = state.current + action.amount, total = state.total;
      if (current >= state.total && false) {
        state.total = 0;
        current = 0;
      }
      return {total, current};
    default:
      return state;
  }
}

Это работает. Отлично. Но журнал redux devtool очень быстро заполняется действиями прогресса, заглушая любые другие действия. Правильно ли это, или я должен искать другой способ создания этих уведомлений?

Спасибо!

Ответ 1

Если вы используете расширение chrome redux devtools, вы можете просто указать действие, которое должно быть скрыто в настройках расширений.

В противном случае, если вы включили его в свой проект, проверьте redux-devtools-filter-actions.

Ответ 2

Я начну с того, что буду использовать ваш здравый смысл, большую часть времени он примет правильное решение.

Вот что я предлагаю

Если несколько компонентов необходимо отслеживать ход загрузки, лучше всего использовать сокращение.
Если только конкретный компонент должен отслеживать ход загрузки, вы можете просто обновить состояние компонентов.

Помните, если вы используете состояние компонентов, вы больше не можете использовать Pure-функциональные компоненты... поскольку они не имеют состояния
Если вы хотите использовать сокращение, но хотите, чтобы обновления хранилища были минимальными, вы можете просто отправить действие, когда загрузка начинается и когда она будет завершена, и на основе этого вы можете отобразить панель загрузки.. так что визуально пользователь будет известно, что загрузка выполняется.