React - Vanilla JS

index.js

// where the magic happens
function createElement(type, props, text) {
    const elem = document.createElement(type);

    Object.keys(props).forEach(prop => elem[prop] = props[prop] );

    const textNode = document.createTextNode(text);
    elem.appendChild(textNode);

    return elem
}

// h1 and p blueprints
const h1 = (...args) => createElement(`h1`, ...args);
const p = (...args) => createElement(`p`, ...args);


// make magic
document.body.appendChild(
    h1(
        { className: `myClass` },
        `Magic`,
    )
);

document.body.appendChild(
    p(
        { id: `myId` },
        `From Vanilla JS`,
    )
);