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;
  }
};

The shouldBeProp function allows you to do things like:

<my-element
  some-attr="some value"
  someProp=<sub-element /> 
/>

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

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

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