القوائم والمفاتيح؛ والتصيير الشرطي

الهدف: صَيّر المصفوفات بأمان ووضوح باستخدام keys، واستخدم أنماطًا شرطية بسيطة لواجهات القوائم الفارغة أو قيد التحميل.

استخدم array.map() لتحويل البيانات إلى عناصر؛ ويحتاج كل ابن مباشر في قائمة إلى prop باسم key لضمان مطابقة مستقرة.

فضّل استخدام المعرّفات الثابتة من بياناتك كقيمة key؛ وتجنب استخدام فهارس المصفوفة ما لم تكن القائمة ثابتة.

الشروط:

• حالة القائمة الفارغة: اعرض رسالة ودية عندما تكون القائمة فارغة.
• التحميل: اعرض مؤشر تحميل أو هيكلًا تخطيطيًا.
• خيارات التصيير: cond ? A : B أو cond && A.

تعامل مع حالتي التحميل والفارغة صراحةً لتجنب الشاشات البيضاء.

نصائح:

• استخدم المعرّفات الثابتة كـ keys؛ وتجنب الفهارس في القوائم الديناميكية.
• ضع key على العنصر الخارجي الناتج عن map.
• اجعل الشروط صغيرة وسهلة القراءة.

مراجعة: حوّل المصفوفات إلى عناصر باستخدام keys ثابتة، وتعامل مع حالتي التحميل/الفارغة باستخدام أنماط شرطية بسيطة.