Redux هي مكتبة JavaScript مفتوحة المصدر تُستخدم لإدارة حالة التطبيق. يستخدم React Redux لبناء واجهة المستخدم. تم تقديمه لأول مرة بواسطة دان ابراموف و أندرو كلارك في 2015 .
React Redux هو رابط React الرسمي لـ Redux. يسمح لمكونات React بقراءة البيانات من متجر Redux وإرسالها أجراءات إلى محل لتحديث البيانات. يساعد Redux التطبيقات على التوسع من خلال توفير طريقة معقولة لإدارة الحالة من خلال نموذج تدفق البيانات أحادي الاتجاه. React Redux بسيط من الناحية النظرية. فهو يشترك في متجر Redux، ويتحقق لمعرفة ما إذا كانت البيانات التي يريدها المكون الخاص بك قد تغيرت، ويعيد عرض المكون الخاص بك.
تكوين العلاقة
Redux مستوحى من Flux. درس Redux بنية Flux وأغفل التعقيد غير الضروري.
- Redux ليس لديه مفهوم المرسل.
- لدى Redux متجر واحد فقط بينما لدى Flux العديد من المتاجر.
- سيتم استلام كائنات الإجراء والتعامل معها مباشرةً بواسطة المتجر.
لماذا نستخدم React Redux؟
السبب الرئيسي لاستخدام React Redux هو:
- React Redux هو المسؤول روابط واجهة المستخدم لتطبيق رد الفعل. يتم تحديثه باستمرار مع أي تغييرات في واجهة برمجة التطبيقات (API) للتأكد من أن مكونات React الخاصة بك تعمل كما هو متوقع.
- إنه يشجع بنية 'التفاعل' الجيدة.
- يقوم بتنفيذ العديد من تحسينات الأداء داخليًا، مما يسمح بإعادة عرض المكونات فقط عندما تحتاجها بالفعل.
إعادة الهندسة المعمارية
يتم شرح مكونات بنية Redux أدناه.
محل: المتجر هو المكان الذي تُدرج فيه الحالة الكاملة لتطبيقك. يدير حالة التطبيق ولديه وظيفة إرسال (إجراء). إنه مثل الدماغ المسؤول عن جميع الأجزاء المتحركة في Redux.
فعل: يتم إرسال الإجراء أو إرساله من العرض وهو عبارة عن حمولات يمكن قراءتها بواسطة المخفضات. إنه كائن خالص تم إنشاؤه لتخزين معلومات حدث المستخدم. ويتضمن معلومات مثل نوع الإجراء ووقت حدوثه وموقع حدوثه وإحداثياته والحالة التي يهدف إلى تغييرها.
ترينج إلى كثافة العمليات
المخفض: يقرأ المخفض الحمولات من الإجراءات ثم يقوم بتحديث المتجر عبر الحالة وفقًا لذلك. إنها وظيفة خالصة لإرجاع حالة جديدة من الحالة الأولية.
تركيب الإعادة
متطلبات: يتطلب React Redux إصدار React 16.8.3 أو إصدار أحدث.
لاستخدام React Redux مع تطبيق React، عليك تثبيت الأمر أدناه.
$ npm install redux react-redux --save