Choo cache thing

button.js

var html = require('choo/html')
var cache = require('choo/cache')
var Nanocomponent = require('nanocomponent')

class Button extends Nanocomponent {
  // this is where you'd implement custom gc logic
  static discard (instance) {
    return !instance.element
  }

  update (text, onclick) {
    return this.isDisabled !== !!onclick
  }

  createElement (text, onclick) {
    this.isDisabled = !!onclick
    return html`
      <button disabled="${!onclick}" onclick=${onclick}>${text}</button>
    `
  }
}

module.exports = cache(Button)

form.js

var html = require('choo/html')
var button = require('./button')

// button.get('form-button') -> Instance of button with key "form-button"

module.exports = form

function form (isLoading, emit) {
  return html`
    <form>
      ${button.render('form-button', 'Click me!', isLoading ? null : onclick)}
    </form>
  `

  function onclick () {
    emit('submit')
  }
}