element-redom

[IFaniry]

Feature request

For adding a SkateJS Element for RE:DOM, a high-performance JavaScript UI library that doesn't use virtual DOM.

The following uses RedomElement:

import { el, mount } from "redom";

const form = el("form", { className: "bg-white" }, el("input", { type: "email" }));

mount(document.body, form);

and would ( @pakastin ) produce:

<form class="bg-white">
  <input type="email">
</form>

Use case(s)

Improve the Developer Experience of RE:DOM by using lit-html or even jsx syntax via SkateJS.

import Element, { h } from '@skatejs/element-redom';

class Hello extends Element {
  render() {
    return h`Hello, <slot></slot>!`;
  }
}

customElements.define('x-hello', Hello);