Fat arrow functions in the counter example

examples/counter/src/components/Counter.js

@@ -1,19 +1,14 @@
 import React, { Component, PropTypes } from 'react'
 
 class Counter extends Component {
-  constructor(props) {
-    super(props)
-    this.incrementAsync = this.incrementAsync.bind(this)
-    this.incrementIfOdd = this.incrementIfOdd.bind(this)
-  }
-
-  incrementIfOdd() {
+
+  incrementIfOdd = () => {
     if (this.props.value % 2 !== 0) {
       this.props.onIncrement()
     }
   }
 
-  incrementAsync() {
+  incrementAsync = () => {
     setTimeout(this.props.onIncrement, 1000)
   }
 

examples/counter/src/index.js

@@ -7,16 +7,14 @@ import counter from './reducers'
 const store = createStore(counter)
 const rootEl = document.getElementById('root')
 
-function render() {
-  ReactDOM.render(
-    <Counter
-      value={store.getState()}
-      onIncrement={() => store.dispatch({ type: 'INCREMENT' })}
-      onDecrement={() => store.dispatch({ type: 'DECREMENT' })}
-    />,
-    rootEl  
-  )
-}
+const render = () => ReactDOM.render(
+  <Counter
+    value={store.getState()}
+    onIncrement={() => store.dispatch({ type: 'INCREMENT' })}
+    onDecrement={() => store.dispatch({ type: 'DECREMENT' })}
+  />,
+  rootEl
+)
 
 render()
 store.subscribe(render)

examples/counter/src/reducers/index.js

@@ -1,4 +1,4 @@
-export default function counter(state = 0, action) {
+export default (state = 0, action) => {
   switch (action.type) {
     case 'INCREMENT':
       return state + 1