@skatejs/element-snabbdom

A SkateJS renderer for Snabbdom.

Usage no npm install needed!

<script type="module">
  import skatejsElementSnabbdom from 'https://cdn.skypack.dev/@skatejs/element-snabbdom';
</script>

README

element-snabbdom

SkateJS renderer for Snabbdom

Install

npm i @skatejs/element-snabbdom snabbdom

Usage

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

class Hello extends Element {
  static modules = [
    require('snabbdom/modules/attributes').default,
    require('snabbdom/modules/eventlisteners').default,
    require('snabbdom/modules/class').default,
    require('snabbdom/modules/props').default,
    require('snabbdom/modules/style').default,
    require('snabbdom/modules/dataset').default
  ];
  render() {
    return h('div', `Hello, `, h('slot'), '!');
  }
}

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

It's possible to use JSX via snabbdom-pragma.