React-like createElement for manual jsx

createElement.js

function createElement(tag, attrs, ...children) {
  // Custom Components will be functions
  if (typeof tag === 'function') { return tag() }
  // regular html tags will be strings to create the elements
  if (typeof tag === 'string') {
    
    // fragments to append multiple children to the initial node
    const fragments = document.createDocumentFragment()
    const element = document.createElement(tag)
    children.forEach(child => {
       if (child instanceof HTMLElement) { 
         fragments.appendChild(child)
       } else if (typeof child === 'string'){
         const textnode = document.createTextNode(child)
         fragments.appendChild(textnode)
       } else {
         // later other things could not be HTMLElement not strings
         console.log('not appendable', child);
       }
    })
    element.appendChild(fragments)
    // Merge element with attributes
    Object.assign(element, attrs)
    return element
  }
}