npm stats
  • Search
  • About
  • Repo
  • Sponsor
  • more
    • Search
    • About
    • Repo
    • Sponsor

Made by Antonio Ramirez

virtual-hook

1.0.1

@yoshuawuyts

npmHomeRepoSnykSocket
Downloads:2
$ npm install virtual-hook
DailyWeeklyMonthlyYearly

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

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

License

MIT