tsx-dom/src/jsx-runtime.ts

A simple way to use tsx syntax to create native dom elements using document.createElement.

import { setAttributes } from "./setAttributes";
import type { BaseProps, FC } from "./types";
import { applyChildren, createDomElement, applyTsxTag } from "./utils";

export function jsx(tag: string | FC, props: BaseProps): JSX.Element {
    if (typeof tag === "function") return tag(props);

    const { children, ...attrs } = props;
    const { finalTag, finalAttrs } = applyTsxTag(tag, attrs);
    const element = createDomElement(finalTag, finalAttrs);

    setAttributes(element, finalAttrs);

    applyChildren(element, [children]);
    return element;
}

export { jsx as jsxs, jsx as jsxDEV };