yo-yo with send-action

app.js

var d = require('global/document')
var onload = require('on-load')
var yo = require('yo-yo')
var sendAction = require('send-action')
var root = d.createElement('main')

var send = sendAction({
  onAction (state, action, data) {
    console.log('onAction')
    console.log(state)
    console.log(action)
    console.log(data)
    if (action === 'example') {
      return {value: data}
    }

    return state
  },
  onChange (state, prev) {
    console.log('onChnage')
    console.log(state)
    console.log(prev)
    yo.update(root, render(state))
  },
  state: { value: 'ok' }
})

var render = state => yo `<main>${state.value}</main>`

onload(root, rt => yo.update(rt, render(send.state())))
d.body.appendChild(root)

setTimeout(() => send('example', 'hoe~'), 1000)
setTimeout(() => send('exile', 'EXILE'), 3000)

onAction
{ value="ok"}
example
hoe~

onChnage
{ value="hoe~"}
{ value="ok"}

onAction
{ value="hoe~"}
exile
EXILE

onChnage
{ value="hoe~"}
{ value="hoe~"}