createElement.js

/** jsx dom */
let dom = (tag, attrs, ...children) => {
  return {tag, attrs, children}
}


const list = (
  <ul class="list">
    <li> Hope </li>
    <li> This </li>
    <li> Works </li>
  </ul>
)

let createElement = (node) => {
  if(typeof node == 'string') {
    return document.createTextNode(node)
  }
  let el = document.createElement(node.tag)
  for(var i = 0; i < node.children.length; i++) {
    el.appendChild(createElement(node.children[i]))
  }
  return el
}


const app = document.getElementById('app')
app.appendChild(createElement(list))