التحدي: لوحة تحكم متزامنة متعددة علامات التبويب
تعلم كيفية بناء لوحة تحكم صغيرة حيث تشترك علامتا تبويب في نفس حالة خادم ، وتتعامل مع عمليات الكتابة، وتحافظ على الاتساق دون إعادة جلب كل شيء.
سنغطي ما يلي...
بيان المشكلة
نحن بصدد إنشاء لوحة تحكم متعددة التبويبات تعرض نسختين مستقلتين من التطبيق،Tab A وTab B ، على نفس الصفحة لمحاكاة علامتي تبويب في المتصفح. تستخدم كل علامة تبويب خاصيتها الخاصةQueryClient وهذا يعني أن كل علامة تبويب تحتفظ بذاكرة تخزين مؤقتة معزولة ويمكن أن تفقد التزامن بعد عملية الكتابة.
عند حدوث عملية كتابة في إحدى علامات التبويب، يجب أن تُرسل هذه العلامة حدثًا. تستمع علامة التبويب الأخرى لهذا الحدث وتُجري عملية التحديث عن طريق إبطال الاستعلامات التي قد تكون بياناتها خادم قد تغيرت فقط. يجب أن يكون هذا الإبطال انتقائيًا، وليس إبطال جميع البيانات، ويجب أن تتم إعادة جلب البيانات فقط للاستعلامات النشطة أو الظاهرة لتجنب أي اضطراب غير ضروري في الشبكة وواجهة المستخدم.
معايير النجاح
مع وجود البنية التحتية، تؤكد معايير النجاح التالية أن لوحة التحكم تعمل كتطبيق إنتاجي وأن تنسيق ذاكرة التخزين المؤقت يعمل بشكل صحيح عبر كلا علامتي التبويب.
Tab AوTab Bلكل منها ذاكرة تخزين مؤقت خاصة بها ولكنها تعرض نفس بيانات خادم .يؤدي تحديد حساب إلى تشغيل استعلامات ...