cerebral6.js

connect({
  items: state`items`,
  itemAdded: signal`itemAdded`
},
  function Items ({items, itemAdded}) {
    return (
      <div>
        <ul>
          {items.map((item) => <li>{item}</li>)}
        </ul>
        <button onClick={() => itemAdded({item: 'foo'})}>
          Add foo
        </button>
      </div>
    )
  }
)