أفكار إعادة المحاولة والتراجع وإلغاء الطلبات
نفّذ إعادة محاولة بسيطة مع تراجع أُسّي (+ jitter)، وألغِ الطلبات الجارية بأمان باستخدام AbortController.
أفكار إعادة المحاولة والتراجع وإلغاء الطلبات درس مجاني في React Academy على CoddyKit. هذا هو الدرس 2 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في React Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة React Academy 3 دروس في المجموع.
لماذا التراجع التدريجي والإلغاء؟
الهدف: إعادة محاولة الطلبات الفاشلة بلطف وإلغاؤها بأمان.
- التراجع التدريجي الأُسّي
- التذبذب العشوائي
- AbortController للإلغاء
أساسيات التراجع التدريجي
التراجع التدريجي = الانتظار مدة أطول بعد كل فشل. أضف التذبذب العشوائي لتجنّب إعادة المحاولة في الأوقات نفسها تمامًا من جانب عدد كبير من العملاء.
- جرّب 0.3s → 0.6s → 1.2s…
- توقّف بعد N محاولات
- اعرض زر إعادة المحاولة
مثال: التراجع التدريجي والتذبذب العشوائي
نحاكي حالات الفشل ونعيد المحاولة باستخدام التراجع التدريجي الأُسّي والتذبذب العشوائي. ويمكنك أيضًا الإلغاء.
<div id="root"></div>
متى ينبغي الإلغاء
ألغِ العملية عندما يغادر المستخدم، أو تتغير المعلمات، أو ينقر المستخدم على Cancel. استخدم AbortController واستدعِ abort() في التنظيف أو عند الطلب.
مثال: فترات انتظار قابلة للإلغاء
فترة الانتظار بين عمليات إعادة المحاولة قابلة للإلغاء أيضًا. يؤدي الإلغاء إلى إيقاف المؤقتات والمحاولات المستقبلية فورًا.
<div id="root"></div>
نصائح وحدود
نصائح:
- ضع حدًا أقصى لإعادات المحاولة، واعرض إجراء إعادة المحاولة.
- أضف تذبذبًا عشوائيًا لتجنّب الارتفاعات المتزامنة.
- ألغِ الطلبات السابقة عند تغيّر المعلمات.
التحقق من استراتيجية التراجع التدريجي
مراجعة
مراجعة: أعد المحاولة باستخدام التراجع التدريجي الأُسّي والتذبذب العشوائي، وحدّد عدد المحاولات، واجعل فترات الانتظار والطلبات قابلة للإلغاء للحفاظ على استجابة واجهات المستخدم.
الأسئلة الشائعة
هل درس «أفكار إعادة المحاولة والتراجع وإلغاء الطلبات» مجاني؟
نعم — نص درس «أفكار إعادة المحاولة والتراجع وإلغاء الطلبات» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة React Academy، انتقل إلى CoddyKit PRO. تتضمن دورة React Academy 3 دروس في المجموع.
ماذا ستتعلم في «أفكار إعادة المحاولة والتراجع وإلغاء الطلبات»؟
نفّذ إعادة محاولة بسيطة مع تراجع أُسّي (+ jitter)، وألغِ الطلبات الجارية بأمان باستخدام AbortController. تتمرن على React Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ React Academy؟
لا تُشترط خبرة سابقة. React Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 3.
كم من الوقت يستغرق درس «أفكار إعادة المحاولة والتراجع وإلغاء الطلبات»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس React Academy هذا؟
نعم. كل درس في React Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- حالات التحميل والخطأ والفراغ والنجاح والواجهات الهيكلية
- أفكار إعادة المحاولة والتراجع وإلغاء الطلبات
- مقدمة إلى أدوات Fetch المساعدة (من دون مكتبات ضخمة)