Webアプリ開発をサポートするUI作成の為の軽量なDOMラッパースクリプト・「RE:DOM」

Ads

RE:DOM


RE:DOMはWebアプリ等のUI作成をサポートする軽量なDOMラッパースクリプトです。分かりやすい使い方で学習コストも少なく済みそうです。また2kbと軽量で依存性も無いので軽量化にも貢献してくれそうです。

簡単なコード例:

import { el, mount } from 'redom';

// create HTML element
const logo = el('img#redom-logo.logo', {
  src: 'img/logo.svg'
});

// mount to DOM
mount(document.body, logo);

結果:

<body>
  <img id="redom-logo" class="logo" src="img/logo.svg">
</body>

簡単ですね!

ドキュメントも充実してるのでご興味のある方は是非ご覧ください。ライセンスはMIT。

RE:DOM