minimum viable JSX-to-DOM implementation

jsx-runtime.js

export let Fragment = () => document.createDocumentFragment();

export let jsx = (node, { children = [], ...props }) =>
  jsxs(node, { ...props, children });

export let jsxs = (node, { children, ...props }) => {
  node =
    typeof node === "function" ? node(props) : document.createElement(node);

  for (let name in props) {
    if (name.startsWith("on"))
      node.addEventListener(name.slice(2), props[name]);
    else if (name in node) node[name] = props[name];
    else node.setAttribute(name, props[name]);
  }

  node.append(...children);

  return node;
};