haunted

Призраки? ?

API-интерфейс React Hooks, но для стандартных веб-компонентов иlit-html или HyperHTML.

Прочтите документацию

 < html lang =" en " >
  < my-counter > </ my-counter >

  < script type =" module " >
    import { html } from 'https://unpkg.com/lit?module' ;
    import { component , useState } from 'https://unpkg.com/haunted/haunted.js' ;

    function Counter ( ) {
      const [ count , setCount ] = useState ( 0 ) ;

      return html `
        < div id =" count " > ${ count } </ div >
        < button type =" button " @click = ${ ( ) => setCount ( count + 1 ) } >
          Increment
        </ button >
      ` ;
    }

    customElements . define ( 'my-counter' , component ( Counter ) ) ;
  </ script >
</ html >

Дополнительные примеры интеграции можно найти в этой статье.

Крючки

Haunted поддерживает тот же API, что и React Hooks. Мы надеемся, что таким образом вы сможете повторно использовать перехватчики, доступные в npm, просто используя псевдонимы имен пакетов в конфигурации вашего сборщика.

На данный момент Haunted поддерживает следующие хуки:

• использовать обратный вызов
• использоватьконтекст
• использоватьконтроллер
• использованиеЭффект
• использоватьLayoutEffect
• использоватьMemo
• useReducer
• использоватьRef
• useState

Сигнатуры функций

 // Or another renderer, see Guides
type Renderer = ( element : Element ) => TemplateResult ;

interface Options {
  baseElement : HTMLElement ;
  observedAttributes : string [ ] ;
  useShadowDOM : boolean
}

declare function component (
  renderer : Renderer ,
  options : Options
) : Element ;

declare function component < BaseElement = HTMLElement > (
  renderer : Renderer ,
  baseElement : BaseElement ,
  options : Options
) : Element

declare function virtual ( renderer : Renderer ) : Directive 

Лицензия

Пункт BSD-2