npm

Need private packages and team management tools?Check out npm Orgs. »

virtual-hook

1.0.1 • Public • Published

virtual-hook

NPM version build status Test coverage Downloads js-standard-style

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

License

MIT

install

npm i virtual-hook

Downloadsweekly downloads

8

version

1.0.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability