Como limitar a atualização de conexão do react-redux renderiza novamente para ramificações de estado específicas?

Eu tenho uma ação e um redutor que atualizam um contador global. Esta ação é disparada em um intervalo rápido. O redutor retorna uma nova cópia do estado para cada ação. O redutor se parece com:

import { handleActions } from 'redux-actions';
import { sceneTick } from './actions';

export default (state, action) => handleActions({
  [sceneTick]: (state, action) => {
    return {
      ...state,
      loop: action.payload,
    }
  },

estou usandoreact-reduxéconnect método em vários componentes do React. Nem todos os componentes se preocupam com esse contador de loop. Como estou retornando um novo estado no redutor em cada tick, todos os componentes assinados comconnect pegue delesmapDispatchToProps executado, o que causa chamadas de renderização React desnecessárias.

Um desses componentes é semelhante a:

const mapStateToProps = (state, props) => {
  return {
    viewport: state.viewport,
    assets: state.assets,
  };
};


export default connect(mapStateToProps, {})(Component)

Mesmo que este componente não tenha dependência destate.loop é acionado para renderizar novamente. Isso causa a renderização, renderização excessiva, renderização múltipla, renderização desnecessária, problemas de desempenho e comportamento inesperado nos componentes que não precisam ser renderizados novamente.

Atualizar Devo também acrescentar que sounão usandocombineReducers aqui e todos os redutores são aplicados ao estado completo. Não tenho certeza se relevante.

questionAnswers(3)

yourAnswerToTheQuestion