0Pricing
React Academy · درس

التسمية والحفظ المؤقت ونظافة التأثيرات

سمِّ hooks بوضوح، وأعد قيمًا/معالجات ثابتة عبر الحفظ المؤقت، وحافظ على ترتيب التأثيرات باكتمال التبعيات والتنظيف المناسب.

التسمية والحفظ المؤقت ونظافة التأثيرات درس مجاني في React Academy على CoddyKit. هذا هو الدرس 2 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في React Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة React Academy 3 دروس في المجموع.

تسمية hooks

التسمية:

  • ابدؤوا بـ use (مثل useToggle).
  • سمّوا hook وفقًا لـالسلوك، لا وفقًا للتنفيذ.
  • وثّقوا المعاملات والقيم المُعادة بإيجاز.

أساسيات الحفظ المؤقت

استخدموا useMemo لحفظ القيم مؤقتًا وuseCallback لحفظ دوال الاستدعاء، حتى لا يعيد المستهلكون التصيير بلا حاجة.

  • حافظوا على دقة التبعيات
  • تجنبوا الاستخدام المبكر لـ useMemo

عرض توضيحي: useToggle مع دوال استدعاء ثابتة

يعيد useToggle صغير قيمةً ومعالجات ثابتة باستخدام useCallback.


<div id="root"></div>

قائمة التحقق من سلامة التأثيرات

سلامة التأثيرات:

  • ضمّنوا جميع التبعيات المستخدمة (القيم والخصائص ودوال الاستدعاء).
  • أعيدوا دالة تنظيف لإزالة مستمعي الأحداث والمؤقتات.
  • تجنبوا تعطيل مدقّق التبعيات.

عرض توضيحي: useDebouncedValue (تنظيف التأثير)

يؤخر useDebouncedValue التحديثات. لاحظوا التنظيف وقائمة التبعيات الصحيحة.


<div id="root"></div>

مزالق ينبغي تجنبها

تجنبوا:

  • التبعيات الناقصة (القيم القديمة داخل التأثيرات)
  • إعادة كائنات جديدة في كل عملية تصيير من دون حفظ مؤقت
  • إيقاف exhaustive-deps بدلًا من إصلاح الشيفرة

التحقق من دالة الاستدعاء المحفوظة مؤقتًا

ما الممارسة التي تحافظ على عدم تغيّر دالة الاستدعاء المُعادة من hook في كل عملية تصيير؟

مراجعة

مراجعة: سمّوا hooks باستخدام use*، واحفظوا القيم والمعالجات مؤقتًا (useMemo/useCallback)، وحافظوا على نظافة التأثيرات باستخدام تبعيات كاملة وتنظيف مناسب.

الأسئلة الشائعة

هل درس «التسمية والحفظ المؤقت ونظافة التأثيرات» مجاني؟

نعم — نص درس «التسمية والحفظ المؤقت ونظافة التأثيرات» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة React Academy، انتقل إلى CoddyKit PRO. تتضمن دورة React Academy 3 دروس في المجموع.

ماذا ستتعلم في «التسمية والحفظ المؤقت ونظافة التأثيرات»؟

سمِّ hooks بوضوح، وأعد قيمًا/معالجات ثابتة عبر الحفظ المؤقت، وحافظ على ترتيب التأثيرات باكتمال التبعيات والتنظيف المناسب. تتمرن على React Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ React Academy؟

لا تُشترط خبرة سابقة. React Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 3.

كم من الوقت يستغرق درس «التسمية والحفظ المؤقت ونظافة التأثيرات»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس React Academy هذا؟

نعم. كل درس في React Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. استخراج المنطق إلى Hooks: المعلمات والقيم المرجعة
  2. التسمية والحفظ المؤقت ونظافة التأثيرات
  3. اختبار Hooks المخصصة (استعراض)
← العودة إلى React Academy