Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 

virtual-raf

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

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

License

MIT

About

Create a RAF loop for virtual-dom

Resources

License

Packages

No packages published