الأداء والحفظ بالتخزين (Memoization)

جزء من دورة React

في تطبيقك جدول فيه ألفا صف ومربع بحث فوقه. وكل ضغطة مفتاح تبدو ثقيلة: تكتب، فيظهر الحرف بعد نصف ثانية. لا شيء معطوب، والكود يبدو معقولًا. وما يحدث هو أن حرفًا واحدًا في مربع البحث يجعل React يشغّل كل واحد من مكوّنات الصفوف الألفين من جديد، ثم يستنتج أن أيًّا منها تقريبًا لم يتغير، ثم يحدّث الشاشة.

يعيد React الرسم بسخاء عن قصد، وهذا صحيح تمامًا في أغلب الأحيان، لأن تشغيل دالة مكوّن رخيص، ولأن React بارع في استنتاج أقل قدر يحتاج تغييره في الصفحة. وأحيانًا لا يكون صحيحًا، ولتلك الحالات يعطيك React ثلاث أدوات تقول بها "هذه النتيجة لم تتغير، أعد استخدام السابقة". والاسم الجامع لها هو الحفظ المؤقت للنتائج (memoization): تذكّر جواب عملية حسابية كي تتخطى إعادتها بالمدخلات نفسها.