التأثيرات (Effects) باستخدام useEffect

جزء من دورة React

كانت مهمة المكوّن حتى الآن أن ينظر إلى خصائصه وحالته الحالية ويجيب عن سؤال واحد: ماذا ينبغي أن يظهر على الشاشة الآن. ويجب أن تخرج تلك الإجابة على النحو نفسه كلما سألته بالمدخلات نفسها، مثل الآلة الحاسبة التي تعطيك النتيجة نفسها لـ 2 + 2 مهما ضغطت زر يساوي. لكن التطبيقات الحقيقية تحتاج أن تفعل أشياء ليست من نوع "احسب إجابة": أن تُشغّل ساعة، أن تفتح اتصالا، أن تطلب بيانات من خادم، أن تقرأ شيئا من تخزين المتصفح.

الأثر الجانبي هو كل ما يفعله الكود مما يتجاوز حدود "خذ هذه المدخلات وأعد قيمة": ملامسة مؤقّت، أو اتصال شبكي، أو واجهة من واجهات المتصفح، أو أي شيء آخر يوجد باستقلال عن مكوّنك. ويجب ألا يتسبب تصيير المكوّن بحدوث أي من هذه الأشياء، فالمفترض في التصيير أن يكون آمنا مهما تكرر تنفيذه، بما في ذلك المرات التي تنفّذه فيها React لمجرد التحقق من أن شيئا تغيّر. وهذه آثار جانبية شائعة ستقابلها باستمرار ...