cerebral3.js

const controller = Controller({
  state: {
    items: []
  },
  signals: {
    itemAdded: push(state`items`, props`item`)
  }
})
// Компоненты
const Items = connect({
  items: state`items`,
  itemAdded: signal`itemAdded`
},
  function ItemsComponent ({items, itemAdded}) {
    return (
      <div>
        <ul>
          {items.map((item) => <li>{item}</li>)}
        </ul>
        <button onClick={() => itemAdded({item: 'foo'})}>
          Add foo
        </button>
      </div>
    )
  }
)
// Передаём состояние в компоненты
render((
  <Container controller={controller}>
    <Items />
  </Container>
), document.querySelector('#app'));