Simple vdom renderer (by developit)

vdom.js

// generate virtual nodes
function h(nodeName, attributes, ...args) {
  // create children array
  const children = args.length ? [].concat(...args) : null;
  // return node
  return { nodeName, attributes, children };
}

function render(vnode) {
  // create text node
  if (vnode.split) return document.createTextNode(vnode);

  // create element
  const n = document.createElement(vnode.nodeName);

  // set attributes
  const a = vnode.attributes || {};
  Object.keys(a).forEach(k => n.setAttribute(k, a[k]));

  // append children
  (vnode.children || []).forEach(c => n.appendChild(render(c)));

  return n;
}