unimorph

Universal DOM morpher with nanomorph / morphdom compatible API.

Supported libs

• [ ] react
• [ ] preact
• [ ] lit-html

import { html } from 'lit-html'
import morph from 'unimorph/lit-html'

var el = document.createElement('div')
el.innerHTML = 'hello people'

el = morph(el, html`<div>nanananana-na-no</div>`)
// <div>nanananana-na-no</div>

el = morph(el, html`<div>teeny, tiny, tin bottle</div>`)
// <div>teeny, tiny, tin bottle</div>

unimorph can morph both to JSX or raw HTML. It works with react by default, preact can be used via preact/compat or directly as:

import morph from 'unimorph/preact'

let result = morph(fromElement, toElementOrJSX)

See also

• enhook - enable react/preact/etc hooks for any function.
• unihooks - unreacted hooks.
• spect - reactive aspect-oriented UI framework.