Kann ich eine Preact-Komponente über Custom Elements verwenden?

Question

Ich möchte eine Preact-Komponente erstellen und sie auch dann verwenden, wenn sie keine Preact-Apps erstellen.

Beispiel: Ich mag eine <MyTooltip> Komponente in pReact bauen, bündelt sie (zusammen mit der Vorgriffslaufzeit) und habe Leute laden Sie es als Script-Tag verwendet es rein deklarativ, vielleicht wie:

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

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

gibt es eine Möglichkeit, eine Komponente zu bündeln, so dass es die Vorgriffslaufzeit, meine Bibliothek Code und Haken in <my-tooltip> Elemente enthält?

Mit anderen Worten, kann ich interop meine Preact Komponenten als benutzerdefinierte Elemente, ähnlich ReactiveElements?

Answer 1

Es gibt eine große Bibliothek, die dies für Sie tun Vorgriffs-custom-Element genannt:

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

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