Virtual-hook NPM

virtual-hook

virtual-dom hook constructor. Allows access to the constructed DOM Node, property names and values.

Installation

$ npm install virtual-hook

Usage

const vhook = require('virtual-hook')
const vel = require('vel')

vel((h, state) => {
  return h('div', {
    customProp: vhook({
      hook: (node, prop, prev) => console.log('prev', prev)
      unhook: (node, prop, next) => console.log('prev', next)
    })
  })
})

API

virtualHook(hooks)

Create a new hook for virtual-dom. Hooks can have the following values:

hooks.hook(node, prop, prev) - create a hook that is run when the virtual-dom tree is created.
hooks.unhook(node, prop, next) - create a hook that is run when the virtual-dom tree is destroyed.

FAQ

Why would I use hooks?

virtual-dom hooks provide access to the created DOM node, changed values and more. It's a convenient way to get hold of virtual-dom output. And call functions like .focus() on elements.

Why not use the built-in accessor?

virtual-hook is a convenience function to access virtual-dom's hook function. It's built because it's easier to pass in an object with functions than it is to create the right prototype chain.