dispatch-orchestration-in-component.js

// scoreboard-reducer.js
const INITIAL_STATE = {
  home: 0,
  away: 0,
}
export const scoreboardReducer = (state = INITIAL_STATE, action) {
  switch (action.type) {
    case 'INCREMENT_SCORE':
      const scoringSide = action.payload.team
      return {...state, [scoringSide]: state[scoringSide] + 1 };
    default:
      return state;
  }
}

// audience-reducer.js
const INITIAL_STATE = 0; // represents audience excitement;
export const audienceExcitementReducer = (state = INITIAL_STATE, action) {
  switch (action.type) {
    case 'INCREASE_AUDIENCE_EXCITEMENT':
      return state + 1; // audience gets more excited
    default:
      return state;
  }
}

// coupling in some container component.js
export class Game extends React.Component {
  ....
  onGoalScored(scoringTeam) {
    this.props.dispatch({type: 'INCREMENT_SCORE', team: scoringTeam });
    this.props.dispatch({type: 'INCREASE_AUDIENCE_EXCITEMENT'});
  }
}