jfactory

Modularizar fácilmente su aplicación en componentes cancelables.
Todo lo que inicializan se puede monitorear, detener y eliminar automáticamente,
incluyendo vistas, promesas anidadas, solicitudes, oyentes, DOM y CSS.

jactory

• Ciclos de vida de componentes : proporciona install asincrónica, enable , disable y uninstall la funcionalidad.
• Se suscribe automáticamente en un registro al agregar CSS, DOM, oyentes de eventos, observadores, temporizadores, solicitudes, árboles de promesa anidados ...
• Espere automáticamente las suscripciones pendientes cuando llame await install y await enable , todo está paralelo a las tareas.
• Desactive automáticamente las suscripciones en la fase opuesta del ciclo de vida del componente: uninstall revertir install , disable revertir la enable .
• Lifecycles Events : Escuche los cambios de fase. Prepare o limpie asincrónicamente lo que necesita antes de la automatización.
• Abortable y expirable: las tareas, los árboles de promesa anidados y las solicitudes pueden cancelarse.
• Fácil de aprender y usar: no un marco, ES6 altamente modular, usa lo que necesita. Cree sus propios complementos para registrarse automáticamente y limpiar otros efectos secundarios.
• DevTools: registro a nivel de componentes, registros de nombre prefijado, filtros, subcontratadores con herencia.
• Depuración: todo se llama. Realice un seguimiento de las suscripciones (oyentes, temporizadores, solicitudes, promesas, DOM, CSS ...).
• ... y mucho más, eche un vistazo más de cerca.

Instalación	Documentación
npm add jfactory	Rasgos / clases

Descripción general

Los componentes se pueden extender desde cualquier clase , o más simplemente usando un objeto literal a través del atajo jFactory() ::

 let component = jFactory ( "myComponent" , {

  async onInstall ( ) {
    this . $domFetch ( "myDom" , "asset.html" , "body" ) ;
    this . $cssFetch ( "myCss" , "asset.css" ) ;
  } ,

 async onEnable ( ) {
    this . $interval ( "myUpdater" , 1000 , ( ) =>
      this . $fetchJSON ( "myRequest" , "asset.json" )
        . then ( data => this . $log ( "updated" , data ) )
    ) ;
    this . $on ( "click" , "#bt-switch" , ( ) => this . mySwitchHandler ( ) ) ;
    this . $on ( "click" , "#bt-close" , ( ) => this . myCloseHandler ( ) ) ;
  } ,

  async mySwitchHandler ( ) {
    await ( this . $ . states . enabled ? this . $disable ( ) : this . $enable ( ) ) ;
    this . $log ( this . $ . states . enabled ) ;
  } ,

  async myCloseHandler ( ) {
   // Called by the click event on #bt-close
   // Everything in the component registery is automatically stoped and removed:
   // (myDom, myCss, myUpdater, myRequest, DOM events)
   // Residual callbacks not manually stopped from 
   // the onDisable() and onUninstall() handlers will be ignored.    
   await this . $uninstall ( ) ;
  }

} )

await component . $install ( ) ;
await component . $enable ( ) ;