jfactory

Modularize facilmente seu aplicativo em componentes canceláveis.
Tudo o que inicializa pode ser monitorado, parado e removido automaticamente,
incluindo visões, promessas aninhadas, solicitações, ouvintes, DOM e CSS.

jfactory

• Componente LifeCycles : fornece install assíncrona, enable , disable e uninstall a funcionalidade.
• Inscreva -se automaticamente em um registro ao adicionar CSS, DOM, ouvintes de eventos, observadores, temporizadores, solicitações, árvores de promessa aninhadas ...
• Aguarde automaticamente as assinaturas pendentes ao ligar await install e await enable , tudo é paraleloso nas tarefas.
• Desligue automaticamente as assinaturas na fase oposta do ciclo de vida do componente: uninstall install revertida, disable enable revertida.
• Eventos de LifeCycles : ouça as mudanças de fase. Prepare ou limpe de forma assíncrona o que você precisa antes da automação.
• Abortável e expirável: tarefas, árvores de promessa aninhadas e solicitações podem ser canceladas.
• Fácil de aprender e usar: não é uma estrutura, ES6 altamente modular, use o que você precisa. Crie seus próprios plugins para registrar e limpar automaticamente outros efeitos colaterais.
• DevTools: log de nível de componente, logs prefixados por nome, filtros, sub-madeireiros com herança.
• Depuração: tudo é nomeado. Acompanhe as assinaturas (ouvintes, temporizadores, solicitações, promessas, DOM, CSS ...).
• ... e muito mais, dê uma olhada mais de perto.

Instalação	Documentação
npm add jfactory	Características / classes

Visão geral

Os componentes podem ser estendidos de qualquer classe , ou mais simplesmente usando um objeto literal através do atalho 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 ( ) ;