jfactory

Modularisasi aplikasi Anda dengan mudah menjadi komponen yang dapat dibatalkan.
Semua yang mereka inisialisasi dapat dipantau, dihentikan dan dihapus secara otomatis,
termasuk pandangan, janji bersarang, permintaan, pendengar, DOM dan CSS.

JFactory

• Komponen Lifecycles : Menyediakan install asinkron, enable , disable , dan uninstall fungsionalitas.
• Secara otomatis berlangganan dalam registri saat menambahkan CSS, DOM, pendengar acara, pengamat, timer, permintaan, pohon janji bersarang ...
• Secara otomatis menunggu langganan yang tertunda saat menelepon await install dan await enable , semuanya diatur ke dalam tugas.
• Secara otomatis mematikan langganan pada fase berlawanan dari siklus hidup komponen: uninstall mengembalikan install , disable enable kembali.
• Acara Lifecycles : Dengarkan Perubahan Fase. Siapkan atau bersihkan secara tidak sinkron apa yang Anda butuhkan sebelum otomatisasi.
• Dapat dibatalkan dan kedaluwarsa: Tugas, pohon janji bersarang dan permintaan dapat dibatalkan.
• Mudah dipelajari dan digunakan: Bukan kerangka kerja, ES6 sangat modular, gunakan apa yang Anda butuhkan. Buat plugin Anda sendiri untuk secara otomatis mendaftar dan membersihkan efek samping lainnya.
• DevTools: Pencatatan tingkat komponen, log yang diprefisix nama, filter, sub logger dengan warisan.
• Debugging: Semuanya dinamai. Melacak langganan (pendengar, pengatur waktu, permintaan, janji, Dom, CSS ...).
• ... dan banyak lagi, lihat lebih dekat.

Instalasi	Dokumentasi
npm add jfactory	Sifat / kelas

Ringkasan

Komponen dapat diperpanjang dari kelas mana pun , atau lebih hanya dengan menggunakan objek secara literal melalui jalan pintas 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 ( ) ;