التحدي: الحفاظ على استقرار الغلاف باستخدام محاكاة RSC المحلية
تعلم كيفية محاكاة النموذج العقلي RSC محليًا باستخدام use() و Suspense للحفاظ على غلاف مستقر أثناء تدفق المناطق الأبطأ.
سنغطي ما يلي...
بيان المشكلة
أنت بصدد إنشاء واجهة مستخدم لمكتب تذاكر الدعم لمنتج أكبر. يجب أن يرى المستخدمون هيكلاً مستقراً وبنية مفيدة على الفور، بينما تظهر المناطق الأبطأ تدريجياً مع توفر البيانات والتعليمات البرمجية. استخدمSuspense وضع حدود للحفاظ على عمليات إعادة المحاولة محلية، وتصميم هياكل تخطيط مستقرة للحلول البديلة، وتفضيل التحميل المسبق القائم على النية (التحويم/التركيز) للوحات الاختيارية بحيث تبدو واجهة المستخدم تدريجية بدلاً من أن تكون محظورة.
معايير النجاح
لا يختفي الهيكل أبدًا (يظل العنوان والأعمدة مثبتين أثناء التحميل/إعادة المحاولة).
بمجرد أن يصبح طابور التذاكر مرئيًا، يجب ألا يؤدي اختيار تذكرة إلى إعادة تعليق الطابور.
يؤدي تحديد تذكرة إلى ظهور عنوان سريع (الموضوع + الحالة) يظل مرئيًا بينما تتدفق خيط المحادثة البطيئة.
في حالة فشل خيط ، اعرض واجهة مستخدم ...