using append and remove hooks in mercury

hooks.js

const State = require('nhg/state')
const Value = require('nhg/value')
const h = require('nhg/h')
const AppendHook = require('append-hook')
const RemoveHook = require('remove-hook')
const createStore = require('weakmap-shim/create-store')

const Store = createStore()

module.exports = TestComponent

function TestComponent () {
  const state = State({
    active: Value(false),
    hooks: {
      load,
      unload
    }
  })

  return state

  function load (element) {
    // element is a reference to the container node
    // you put the append hook on
    // element.appendChild(...)
  }

  function unload () {
  // ...
  }
}

TestComponent.render = function render (state) {
  h('test-component', {
    append: AppendHook(state.hooks.load),
    remove: RemoveHook(state.hooks.unload)
  })
}