virtual-raf
v3.0.0
Published
Create a RAF loop for virtual-dom
Downloads
64
Maintainers
Readme
virtual-raf
Create a RAF
loop for
virtual-dom
.
Installation
$ npm install virtual-raf
Usage
const vraf = require('virtual-raf')
const vdom = require('virtual-dom')
const h = require('virtual-dom/h')
function render (state) {
return h('div', [state.count])
}
const tree = vraf({ count: 1 }, render, vdom)
document.body.appendChild(tree.render())
tree.update({ count: 2 })
API
tree = vraf(state, render, vdom)
Create a virtual-dom
tree based on a state
and render function.
tree.render()
Mount the virtual-dom
tree on a DOM node.
tree.update(state, [render])
Update the tree with an optional new state and render function.
See Also
- main-loop - A rendering loop for diffable UIs
- render-loop - Async DOM render loop with virtual dom diffing and Hyperglue