Flux عبارة عن بنية تطبيق يستخدمها Facebook داخليًا لبناء تطبيق الويب من جانب العميل باستخدام React. إنها ليست مكتبة ولا إطارًا. إنها ليست مكتبة ولا إطار عمل. إنه نوع من الهندسة المعمارية يكمل React as view ويتبع مفهوم نموذج تدفق البيانات أحادي الاتجاه. يكون ذلك مفيدًا عندما يحتوي المشروع على بيانات ديناميكية، ونحتاج إلى الحفاظ على تحديث البيانات بطريقة فعالة. فهو يقلل من أخطاء وقت التشغيل.
ما هو 25 من 100
تطبيقات التدفق لها ثلاثة أدوار رئيسية في التعامل مع البيانات:
- المرسل
- متاجر
- طرق العرض (مكونات رد الفعل)
هنا، لا ينبغي الخلط بينك وبين نموذج Model-View-Controller (MVC). على الرغم من وجود وحدات التحكم في كليهما، إلا أن طرق عرض (طرق عرض) وحدة التحكم Flux موجودة في الجزء العلوي من التسلسل الهرمي. يقوم باسترداد البيانات من المخازن ومن ثم تمرير هذه البيانات إلى أطفالهم. بالإضافة إلى ذلك، منشئو الإجراءات - أساليب مساعد المرسل المستخدمة لوصف جميع التغييرات الممكنة في التطبيق. يمكن أن يكون مفيدًا كجزء رابع من دورة تحديث Flux.
الهيكل وتدفق البيانات
في تطبيق Flux، تتدفق البيانات في اتجاه واحد (أحادي الاتجاه). يعد تدفق البيانات هذا أمرًا أساسيًا لنمط التدفق. المرسل والمخازن وطرق العرض هي عقد مستقلة ذات مدخلات ومخرجات. الإجراءات هي كائنات بسيطة تحتوي على بيانات جديدة ونوع الخاصية. الآن، دعونا نلقي نظرة على المكونات المختلفة لهندسة التدفق واحدًا تلو الآخر.
المرسل
إنه مركز مركزي لتطبيق React Flux ويدير كل تدفق البيانات لتطبيق Flux الخاص بك. إنه سجل لعمليات الاسترجاعات في المتاجر. ليس لديها ذكاء حقيقي خاص بها، وتعمل ببساطة كآلية لتوزيع الإجراءات على المتاجر. تسجل جميع المتاجر نفسها وتوفر رد اتصال. وهو المكان الذي يتعامل مع كافة الأحداث التي تعدل المتجر. عندما يقدم منشئ الإجراء إجراءً جديدًا إلى المرسل، تتلقى جميع المتاجر هذا الإجراء عبر عمليات الاسترجاعات في السجل.
تحتوي واجهة برمجة تطبيقات المرسل على خمس طرق. هؤلاء هم:
استبدل السلسلة في Java
SN | طُرق | الأوصاف |
---|---|---|
1. | يسجل() | يتم استخدامه لتسجيل رد اتصال معالج الإجراء الخاص بالمتجر. |
2. | إلغاء التسجيل () | يتم استخدامه لإلغاء تسجيل رد الاتصال الخاص بالمتجر. |
3. | أنتظر لأجل() | يتم استخدامه لانتظار تشغيل رد الاتصال المحدد أولاً. |
4. | إرسال() | يتم استخدامه لإرسال الإجراء. |
5. | إرسال () | يتم استخدامه للتحقق مما إذا كان المرسل يرسل إجراءً حاليًا. |
متاجر
يحتوي بشكل أساسي على حالة التطبيق ومنطقه. إنه مشابه للنموذج الموجود في MVC التقليدي. يتم استخدامه للحفاظ على حالة معينة داخل التطبيق، وتحديث نفسه استجابةً لإجراء ما، وإصدار حدث التغيير لتنبيه عرض وحدة التحكم.
عمل الكمبيوتر
الآراء
ويطلق عليه أيضًا طرق عرض وحدة التحكم. إنه موجود في الجزء العلوي من السلسلة لتخزين المنطق لإنشاء الإجراءات واستقبال البيانات الجديدة من المتجر. وهو عبارة عن مكون React يستمع لتغيير الأحداث ويستقبل البيانات من المخازن ويعيد عرض التطبيق.
أجراءات
تسمح لنا طريقة الإرسال بإطلاق إرسال إلى المتجر وتضمين حمولة من البيانات، وهو ما نسميه إجراءً. إنه منشئ الإجراء أو الأساليب المساعدة التي تنقل البيانات إلى المرسل.
الاستفادة من التدفق
- إنه نموذج تدفق بيانات أحادي الاتجاه يسهل فهمه.
- إنه مفتوح المصدر وهو نمط تصميمي أكثر من كونه إطارًا رسميًا مثل بنية MVC.
- تطبيق التدفق أسهل في الصيانة.
- يتم فصل أجزاء تطبيق التدفق.