English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

مفهوم التدفق في ReactJS

التدفق هو مفهوم برمجي حيث تكون البيانات أحادية الاتجاه. تدخل البيانات إلى التطبيق وتتدفق في اتجاه واحد حتى تظهر على الشاشة.

عناصر التدفق

هناكfluxاستخدام مفهوم بسيط. في الفصل التالي، سنتعلم كيفية تحقيق ذلك في التطبيق.

  • Actions − يتم إرسال الأفعال إلى مدير التوزيع لتحفيز تدفق البيانات.

  • Dispatcher− هذا هو محور التطبيق المركزي. يتم توزيع جميع البيانات وتسليمها إلى المتجر.

  • Store− Store هو المكان الذي يتم فيه حفظ حالة وتصرف التطبيق. يحتفظ كل متجر بحالة محددة ويتم تحديثه عند الحاجة.

  • عرضعرضسيتم استقبال البيانات من المتجر وإعادة رسم التطبيق.

الشكل التالي يصف تدفق البيانات.

فوائد التدفق

  • تدفق البيانات أحادي يسهل الفهم.

  • يصبح تطبيق أكثر سهولة في الصيانة.

  • مكونات التطبيق قد تم فك التشابك.