egghead-tutorial.js

import React from 'react'
import {render} from 'react-dom'
import {createStore} from 'redux'


const reducer = (state = 0, action) => {
  switch(action.type){
    case 'INCREMENT':
      return state + 1
    case 'DECREMENT':
      return state - 1
    default:
      return state
  }
}

const App = ({value, onIncrement, onDecrement}) => (
  <div>
    <h1>{value}</h1>
    <button onClick={onIncrement}>+</button>
    <button onClick={onDecrement}>-</button>
  </div>
)

const store = createStore(reducer)


render(<App
  onIncrement={()=> store.dispatch({type: 'INCREMENT'})}
  onDecrement={()=>store.dispatch({type: 'DECREMENT'})}
  value={store.getState()}/>, document.getElementById('root'))