counter.jsx

import { Component } from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';

import * as CounterActions from '../actions/counter';

const counterProps = ({ counter }) => ({ counter });
const dispatchToActionCreators = dispatch => bindActionCreators(CounterActions, dispatch);

@connect(counterProps, dispatchToActionCreators)
class Counter extends Component {
  render () {
    const { counter, increment, decrement } = this.props;

    return (
      <div>
        <h1>Counter: {counter}</h1>
        <button onClick={() => increment()}>+</button>
        <button onClick={() => decrement()}>-</button>
      </div>
    );
  }
}

export default Counter;

That's even better!