Use React-Statechart components together and have them talk with each-other

statechartReducer.js

function ShowNumberOfAccounts(props) {
  return props.numberOfAccounts
}
withStatechart(function reducer(state = {}, event) {
  switch (event.type) {
    case ACCOUNTS:
      return {
        ...state,
        numberOfAccounts: accounts.length
      }
    default:
      return state
  }
})(ShowNumberOfAccounts)

<Accounts
  onAction={action =>
    // action = { type: ACCOUNTS, payload: [...] }
    // called every-time statechart outputs an action
  }
/>