Use JSX with the native DOM.

jsx-anywhere.js

function shouldBeProp (item) {
  return typeof item === 'function' || typeof item === 'object';
}

window.React = {
  createElement (name, attrs, ...chren) {
    const node = typeof name === 'function' ? name() : document.createElement(name);
    Object.keys(attrs || []).forEach(attr => shouldBeProp(attrs[attr]) ? node[attr] = attrs[attr] : node.setAttribute(attr, attrs[attr]));
    chren.forEach(child => node.appendChild(child instanceof Node ? child : document.createTextNode(child)));
    return node;
  }
};

Added the ability to specify a function as the tag name:

function myElement () {
  return document.createElement('my-element');
}

// Creates <my-element />
<myElement />