Create vanilla DOM objects from JSX

jsxtovanilla.js

function element(type, newProps, ...children) {
    const element = document.createElement(type);

    if (newProps) {
        Object.entries(newProps).forEach(([key, value]) => {
            if (typeof value == 'function') {
                element[key] = value;
            } else {
                element.setAttribute(key, value);
            }
        });
    }

    if (children) {
        children.forEach(child => element.append(child));
    }

    return element;
}

function fragment(...children) {
    const fragment = document.createDocumentFragment();

    if (children) {
        children.forEach(child => fragment.append(child));
    }

    return fragment;
}

export default function jsx(type, newProps, ...children) {
    if (type === 'fragment') {
        return fragment(...children);
    }

    return element(type, newProps, ...children);
}