Javascript: Redux: Dispatching Multiple Actions: React Redux Example

react-redux-example-1-multiaction.jsx

export default connect(
  null,
  dispatch => ({
    doAllTheThings: dispatch(multiAction([
      doThisThing(),
      doThatThing({ computer: 'over' }),
      doTheOtherThing('foo'),
    ])),
  }),
)(props => (
  <button onClick={props.doAllTheThings}>Do ALL the things!</button>
));

react-redux-example-2-array.jsx

export default connect(
  null,
  dispatch => ({
    // look ma, no extra action
    doAllTheThings: dispatch([
      doThisThing(),
      doThatThing({ computer: 'over' }),
      doTheOtherThing('foo'),
    ]),
  }),
)(props => (
  <button onClick={props.doAllTheThings}>Do ALL the things!</button>
));