Minimalist redux example

minCounter.js

import React, { Component } from 'react'
import { render } from 'react-dom'

import { createStore, bindActionCreators } from 'redux'
import { connect, Provider } from 'react-redux'

const increment = () => ({ type: 'increment' })

const counter = (state = 0, action) => {
  switch (action.type) {
    case 'increment':
      return state + 1
    default:
      return state
  }
}

const store = createStore(counter)

const mapState = counter => ({ counter })
const mapDispatch = dispatch => bindActionCreators({ increment }, dispatch)

@connect(mapState, mapDispatch)
class Counter extends Component {
  render = () => <h1 onClick={ this.props.increment }>
    { this.props.counter }
  </h1>
}

render(
  <Provider store={ store }>
    <Counter />
  </Provider>,
document.getElementById('root'))