README
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 thevirtual-dom
tree is created.hooks.unhook(node, prop, next)
- create a hook that is run when thevirtual-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.