haunted

¿Embrujado? ?

API Hooks de React pero para componentes web estándar y lit-html o hyperHTML.

Lea los documentos

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

Se pueden encontrar más integraciones de ejemplo en esta esencia.

Manos

Haunted admite la misma API que React Hooks. La esperanza es que al hacerlo puedas reutilizar los ganchos disponibles en npm simplemente asignando alias a los nombres de los paquetes en la configuración de tu paquete.

Actualmente Haunted admite los siguientes ganchos:

• utilizarDevolución de llamada
• utilizarContexto
• utilizarControlador
• usoEfecto
• utilizarLayoutEffect
• utilizarMemoria
• utilizarReductor
• utilizarRef
• usoEstado

Firmas de funciones

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

Licencia

Cláusula BSD-2