Awesome

lighterhtml-plus

This is exactly lighterhtml, plus:

• onconnected callback, as in hyperHTML, to have Custom Elements like callbacks
• ondisconnected callback, as in hyperHTML, to have counter events when nodes get disconnected
• onattributechanged callback, as in wickedElements, to have attributes change notifications, Custom Elements like

Live test

V4 Breaking Changes

import {render, html} from 'lighterhtml-plus';

render(document.body, html`
  <div
    onconnected=${event => console.log('connected')}
    ondisconnected=${event => console.log('disconnected')}
    onattributechanged=${({
      attributeName,
      oldValue,
      newValue
    }) => console.log('changed')}
  >
    lighterhtml-plus 🎉
  </div>
`);