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.

See Also

• SO: how to access created DOM Node in virtual-dom
• virtual-dom/hooks
• virtual-hyperscript/hooks

License

MIT