Могу ли я использовать компонент Preact через пользовательские элементы?

Question

Я хотел бы создать компонент Preact и позволить людям потреблять его, даже если они не создают приложения Preact.

Пример: Я хотел бы построить <MyTooltip> компонент в упреждения, завязывайте его (вместе со средой выполнения упреждения), и есть люди загрузить его как сценарий использования тега это чисто декларативно, возможно, как:

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

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

Есть ли способ связать компонент таким образом, чтобы он включал время выполнения Preact, код моей библиотеки и крючки в элементы <my-tooltip>?

Другими словами, могу ли я взаимодействовать с моими компонентами Preact как пользовательские элементы, похожие на ReactiveElements?

Answer 1

Там отличная библиотека, которая делает это для вас называется Упреждение-заказ элемент:

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

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