カスタム要素を介してPreactコンポーネントを使用することはできますか？

Question

Preactコンポーネントを作成し、Preactアプリケーションを構築していなくても消費するようにしたいと考えています。

例：私は、Preactで<MyTooltip>コンポーネントを構築したい（Preactランタイムと一緒に）それをバンドルし、人々は、スクリプトタグとしてそれをロードしていると思いますおそらくのような、純粋に宣言的にそれを使用します。

<script src="https://unpkg.com/my-tooltip/my-tooltip-bundled.js"> 

<my-tooltip content="Tooltip content">Hover here</my-tooltip> 

Preactランタイム、ライブラリコード、および<my-tooltip>要素へのフックを含むようにコンポーネントをバンドルする方法はありますか？

つまり、に似たカスタム要素として、私はのInteract My Preactコンポーネントを使用できますか？

Answer 1

あなたはpreact-カスタム要素と呼ばれるためにこれを行い偉大なライブラリがあります：

https://github.com/bspaulding/preact-custom-element

class SearchBox extends Component { 
    render() { 
    // ... 
    } 
} 
registerComponent(SearchBox, 'search-box');