jfactory

قم بتعديل التطبيق الخاص بك بسهولة إلى مكونات قابلة للإلغاء.
يمكن مراقبة كل ما تهيئته وإيقافه وإزالته تلقائيًا ،
بما في ذلك وجهات النظر ، الوعود المتداخلة ، الطلبات ، المستمعين ، DOM و CSS.

JFactory

• دورة حياة المكون : يوفر وظائف install ، enable ، disable ، وإلغاء uninstall .
• يشترك تلقائيًا في السجل عند إضافة CSS ، DOM ، مستمعي الأحداث ، المراقبين ، الموقتات ، الطلبات ، أشجار الوعد المتداخلة ...
• في انتظار الاشتراكات المعلقة تلقائيًا عند الاتصال await install await enable ، يتم موازاة كل شيء في المهام.
• قم بإيقاف تشغيل الاشتراكات تلقائيًا في المرحلة المعاكسة من دورة حياة المكون: uninstall install ، disable enable .
• أحداث دورة الحياة : استمع إلى تغييرات المرحلة. تحضير أو تنظيف بشكل غير متزامن ما تحتاجه قبل الأتمتة.
• لا يمكن إلغاء الإجهاض والموسوب: يمكن إلغاء المهام ، وأشجار الوعد المتداخلة والطلبات.
• من السهل التعلم والاستخدام: ليس إطار عمل ، ES6 وحدات للغاية ، استخدم ما تحتاجه. قم بإنشاء المكونات الإضافية الخاصة بك لتسجيل وتنظيف الآثار الجانبية الأخرى تلقائيًا.
• DevTools: تسجيل مستوى على مستوى المكون ، وسجلات مسبقة الاسم ، والمرشحات ، ومسجلات فرعية مع الميراث.
• تصحيح الأخطاء: تم تسمية كل شيء. تتبع الاشتراكات (المستمعين ، الموقتات ، الطلبات ، الوعود ، DOM ، CSS ...).
• ... وأكثر من ذلك بكثير ، إلقاء نظرة فاحصة.

تثبيت	الوثائق
npm add jfactory	السمات / الفصول

ملخص

يمكن تمديد المكونات من أي فئة ، أو أكثر ببساطة باستخدام كائن حرفي من خلال اختصار 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 ( ) ;