jfactory

Modularisieren Sie Ihre Anwendung einfach in stornierbare Komponenten.
Alles, was sie initialisieren, kann automatisch überwacht, gestoppt und entfernt werden.
einschließlich Ansichten, verschachtelten Versprechen, Anfragen, Zuhörern, DOM und CSS.

jfaktorisch

• Komponentenlebenszyklen : Bietet eine asynchrone install , enable , disable und uninstall .
• Abonniert automatisch in einer Registrierung, wenn Sie CSS, DOM, Event -Hörer, Beobachter, Timer, Anfragen, verschachtelte Versprechenbäume hinzufügen ...
• Achten Sie automatisch anhängige Abonnements, wenn Sie aufrufen await install und await enable , alles parallel zu Aufgaben.
• Schalten Sie die Abonnements automatisch in der entgegengesetzten Phase des Komponentenlebenszyklus aus : uninstall Reverts install , disable enable .
• Lebenszyklenereignisse : Hören Sie sich Phasenänderungen an. Bereiten Sie asynchron vor oder reinigen Sie vor der Automatisierung, was Sie benötigen.
• Abfindig und verschwenderisch: Aufgaben, verschachtelte Versprechenbäume und Anfragen können storniert werden.
• Einfach zu erlernen und zu benutzen: kein Framework, ES6 sehr modular, benutze das, was du brauchst. Erstellen Sie Ihre eigenen Plugins, um sich automatisch zu registrieren und andere Nebenwirkungen zu beseitigen.
• Devtools: Protokollierung auf Komponentenebene, Namensvorschriften, Filter, Unterlogger mit Erbschaft.
• Debugging: Alles heißt. Verfolgen Sie die Abonnements (Hörer, Timer, Anfragen, Versprechen, Dom, CSS ...).
• ... und vieles mehr, schauen Sie sich genauer an.

Installation	Dokumentation
npm add jfactory	Merkmale / Klassen

Überblick

Komponenten können von jeder Klasse oder einfacher erweitert werden, indem ein Objektliteral über die Verknüpfung jFactory() verwendet werden:

 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 ( ) ;