غلّف المكونات العرضية النقية بدالة React.memo لتخطي إعادة التصيير غير الضرورية عند ثبات الخصائص، وافهم المقارنة السطحية بـ Object.is وتجنب فخ المراجع المضمنة.
2 صفوف تعليمية
ReactJS
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
تقبل دالة memo(Component, arePropsEqual) معاملاً ثانياً اختيارياً هو دالة مقارنة مخصصة تعيد true عند اعتبار الخصائص متكافئة. عملياً في هندسة React الحديثة، يُنصح بتجنب المقارنات المخصصة إلا في حالات نادرة جداً.
فإذا قارنت الدالة المخصصة المعرّف النصي ونسيت مقارنة دالة حدث أو خاصية حالة أخرى، سيتجمد المكون على بيانات قديمة خاطئة! كما أن المقارنة العميقة لكائنات ضخمة في كل تصيير قد تستغرق وقتاً أطول من رسم المكون نفسه.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (تخطي إعادة التصيير غير الضرورية عبر React.memo)
