incredecribyredux.js

import { createStore } from 'redux'

// reducer。actionを受けてstateを変更するメソッド。
// stateの初期値を0としている。
function counter(state = 0, action) {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1
    case 'DECREMENT':
      return state - 1
    default:
      return state
  }
}

let store = createStore(counter)

// subscribeを使って、リスナーを登録。
store.subscribe(() =>
  console.log(store.getState())
)

// actionをdispatchしている。
// action = アプリケーションの情報をstoreに送るためのオブジェクト。
// type: 何を行うかを識別するプロパティ。
store.dispatch({ type: 'INCREMENT' })
// 1
store.dispatch({ type: 'INCREMENT' })
// 2
store.dispatch({ type: 'DECREMENT' })
// 1