Use mapDispatchToProps in react-redux#connect

[bschlenk]

Instead of relying on the implicit dispatch prop being passed from a container to a component, utilize mapDispatchToProps to automatically bind actions to dispatch. For example, in PlayerContainer:

function mapStateToProps(state) {
  ...
  return {...};
}

export default connect(mapStateToProps)(PlayerContainer);

becomes

...
import { changeCurrentTime, changeSong, toggleIsPlaying } from '../actions/PlayerActions';
...

function mapStateToProps(state) {
  ...
  return {...};
}

const mapDispatchToProps = {
  changeSong,
  changeCurrentTime,
  toggleIsPlaying,
};

export default connect(mapStateToProps, mapDispatchToProps)(PlayerContainer);

And then inside Player:

  changeSong(changeType) {
    const { dispatch } = this.props;
    dispatch(changeSong(changeType));
  }

becomes

  changeSong(changeType) {
    this.props.changeSong(changeType);
  }

With redux-sound being my goto repo for inspiration when starting new react-redux projects, and very much being started as a learning project, I think it would be beneficial for there to be some examples like this within the code.