Trite component

trite-component.js

var html = require('yo-yo')

module.exports = function Component () {
  var currentState
  var element

  function render (state) {
    if (!element) {
      currentState = state
      return element = create(currentState)
    } else {
      update(state)
    }
  }

  function create (state) {
    return html`<div>${state}</div>`
  }

  function update (state) {
    if (currentState === state) {
      return
    } else {
      currentState = state
    }
    html.update(element, create(currentState))
  }

  return render
}