Trite View component

trite-view.js

var html = require('yo-yo')

module.exports = function View (store) {
  var currentState = store.getState()
  var subscribe = store.subscribe
  var unsubscribe
  var element

  function load () {
    unsubscribe = subscribe(update)
  }

  function unload () {
    unsubscribe(update)
  }

  function render (state) {
    currentState = state
    return element = create(currentState)
  }

  function create (state) {
    return html`
      <div
        onload=${load}
        onunload=${unload}
      >
        ${state}
      </div>
    `
  }

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

  return render(currentState)
}