Dispatching Actions With Hotkeys Using Mousetrap

keymap-manager.js

import Mousetrap from 'mousetrap'

export const init = (dispatch, state) => {
  const keymaps = getKeymaps()

  _.each(keymaps, (action, combo) => {
     Mousetrap.bind(combo, () => {
       dispatch(action(dispatch, state))
     })
  })
}

keymap.js

import { actions } from './reducer'

export default {
  // single
  'command-b': actions.toggleListVisibility,

  // or multiple
  'command-n': (dispatch) => {
    dispatch(actions.toggleListVisibility).then(
      dispatch(actions.addToList)
    )
  }
}