choo renderers

inferno.js

var Inferno = require('inferno')
var hyperx = require('hyperx')
var html = hyperx(require('inferno-create-element'))

function infernoRenderer (state, emit, renderer) {
   renderer.render = function (tree, newTree, root) {
    return Inferno.render(newTree, root)
  }
  renderer.mount = function (tree, root) {
    return Inferno.render(tree, root)
  }
}

preact.js

var preact = require('preact')
var hyperx = require('hyperx')
var html = hyperx(preact.h)

function preactRenderer (state, emit, renderer) {
  renderer.render = function (tree, newTree, root) {
    return preact.render(newTree, root, tree)
  }
  renderer.mount = function (tree, root) {
    return preact.render(tree, root)
  }
}

react.js

var React = require('react')
var ReactDOM = require('react-dom')
var hyperx = require('hyperx')
var html = hyperx(React.createElement)

function reactRenderer (state, emit, renderer) {
  renderer.render = function (tree, newTree, root) {
    return ReactDOM.render(newTree, root)
  }
  renderer.mount = function (tree, root) {
    return ReactDOM.render(tree, root)
  }
}

snabby.js

var html = require('snabby')

function snabbyRenderer (state, emit, renderer) {
  renderer.render = function (tree, newTree, root) {
    html.update(tree, newTree)
    return newTree
  }
  renderer.mount = function (tree, root) {
    html.update(root, tree)
    return tree
  }
}

virtual-dom.js

var vdom = require('virtual-dom')
var hyperx = require('hyperx')
var html = hyperx(vdom.h)
var rootNode

function vdomRenderer (state, emit, renderer) {
  renderer.render = function (tree, newTree, root) {
    var patches = vdom.diff(tree, newTree)
    rootNode = vdom.patch(rootNode, patches)
    return newTree
  }
  renderer.mount = function (tree, root) {
    rootNode = vdom.create(tree)
    root.appendChild(rootNode)
    return tree
  }
}