unimorph

0.0.0 • Public • Published

unimorph Build Status unstable

Universal DOM morpher with nanomorph / morphdom compatible API.

NPM

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.

HK

Package Sidebar

Install

npm i unimorph

Weekly Downloads

5

Version

0.0.0

License

MIT

Unpacked Size

69.6 kB

Total Files

16

Last publish

Collaborators

  • dy