Code example from blogpost https://medium.com/variant-as/abstracting-the-dom-by-making-ad-hoc-react-like-library-1c9b42618e63

own-ui-20.js

const { main, header, h1, h2 } = createUiFramework();

// Create my component with a similar signature
let myHeader = (props, children) =>
  header(props, [children, h2("... a greeting blog")]);

// Use custom component
document.body.appendChild(
  main({}, 
    myHeader({ class: "header" }, h1("Hello, world!")))
);