Skip to content

PatrickJS/virtual-hook

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Virtual-dom hook constructor

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%