hyperx.js

hyperx.js

var vdom = require('virtual-dom')
var hyperx = require('hyperx')
var main = require('main-loop')
var hx = hyperx(vdom.h)

function list (items) {
  return hx`<div>
    <ul>${
      items.map(function (item, i) {
        return hx`<li>${item}</li>`
      })
    }</ul>
  </div>`
}

var items = ['a', 'b', 'c']

var loop = main(items, render, vdom)
document.body.appendChild(loop.target)

function render (state) {
  return list(state)
}

setInterval(function () {
  items.push('x-' + Math.random())
  loop.update(items)
}, 1000)