cerebral2.js

// Определяем состояние и методы для его обновления
function ReduxState (state = Immutable.fromJS({items: []}), action) {
  switch (actions.type) {
    case 'addItem':
      return state.push('items', action.item)
  }
  return state
}
// Компоненты
const Items = connect(
  (state) => {
    return {
      items: state.items
    }
  },
  (dispatch) => {
    return {
      onClick: (item) => {
        dispatch({type: 'addItem', item})
      }
    }
  }
)(
  function ItemsComponent ({items, onClick}) {
    return (
      <div>
        <ul>
          {items.map((item) => <li>{item}</li>)}
        </ul>
        <button onClick={() => onClick('foo')}>
          Add foo
        </button>
      </div>
    )
  }
)
// Передаём состояние в компоненты
const store = createStore(ReduxState)
render(
  <Provider store={store}>
    <Items />
  </Provider>,
  document.getElementById('root')
)