haunted

berhantu? ?

React's Hooks API tetapi untuk komponen web standar dan lit-html atau hyperHTML.

Baca Dokumen

 < 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 >

Contoh integrasi lainnya dapat ditemukan di Intisari ini.

Kait

Haunted mendukung API yang sama dengan React Hooks. Harapannya adalah dengan melakukan hal ini Anda dapat menggunakan kembali hook yang tersedia di npm hanya dengan memasukkan nama paket ke dalam konfigurasi bundler Anda.

Saat ini Haunted mendukung hook berikut:

• gunakan Panggilan Balik
• gunakanKonteks
• gunakanController
• gunakanEffect
• gunakanLayoutEffect
• gunakanMemo
• gunakanReducer
• gunakanRef
• useState

Tanda Tangan Fungsi

 // 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 

Lisensi

BSD-2-Klausul