React style create element function

createElement.js

function createElement(tag, props = {}, ...children) {
  const element = document.createElement(tag);
  const listeners = [];

  Object.keys(props).forEach((key) => {
    if (key.slice(0, 2) === 'on') {
      const event = key.slice(2).toLowerCase();
      element.addEventListener(event, props[key]);
      listeners.push(() => element.removeEventListener(event, props[key]));
    } else if (key === 'ref' && typeof props[key] === 'function') {
      props[key](element);
    } else {
      element[key] = props[key];
    }
  });

  children.forEach((node) => {
    if (node instanceof Node) {
      element.appendChild(node);
      if (node.destroy && typeof node.destroy === 'function') listeners.push(node.destroy);
    } else {
      element.appendChild(document.createTextNode(node));
    }
  });

  element.destroy = () => listeners.forEach(removeEventListener => removeEventListener());

  return element;
}