شرح صفوف ومحتوى الفقرة
بهذا الدرس تكون قد أتممت جميع دروس الوحدة الرابعة حول الأحداث وحالة المكونات! احتفظ بالجدول المرجعي الشامل التالي لاختيار الدالة النقية المناسبة لكل عملية على مصفوفات الحالة:
| عملية المصفوفة | تجنب (يعدل المصفوفة الأصلية) | اعتمد (يعيد مصفوفة جديدة نقية) |
|---|---|---|
| إضافة عناصر جديدة | push(), unshift() | [...arr, item] أو [item, ...arr] |
| حذف عناصر من القائمة | pop(), shift(), splice() | arr.filter(x => x.id !== id) |
| استبدال أو تحديث عنصر | arr[i] = next | arr.map(x => x.id === id ? { ...x } : x) |
| الترتيب أو عكس الاتجاه | arr.sort(), arr.reverse() | [...arr].sort(), [...arr].reverse() |
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتقنت في هذا الدرس جميع العمليات النقية على مصفوفات الحالة في React: الإضافة في البداية والنهاية بمعامل الانتشار، والحذف بدالة filter، وتعديل الكائنات الداخلية بـ map، والإدراج بـ slice، ونسخ المصفوفة قبل الترتيب أو العكس. الخطوة التالية: انتقل الآن إلى الدرس رقم 22 «حقول الإدخال المحكومة وإرسال النماذج في React» لمواصلة البناء التراكمي المتدرج في مسار React الحديث.