مكونات البناء

المكوّنات هي اللبنات الأساسية لتطبيقات الويب الحديثة. ما هي أفضل الممارسات التي يجب اتّباعها عند إنشاء مكوّناتك الخاصة لكي تدوم طويلاً؟ المكوّنات هي اللبنات الأساسية لتطبيقات الويب الحديثة. ما هي أفضل الممارسات التي يجب اتّباعها عند إنشاء مكوّناتك الخاصة لكي تظلّ صالحة للاستخدام على المدى الطويل؟

رمز الكود

العناصر المخصّصة

تمنح العناصر المخصّصة المطوّرين القدرة على توسيع نطاق HTML وإنشاء علاماتهم الخاصة. بما أنّ العناصر المخصّصة تستند إلى المعايير، فإنّها تستفيد من نموذج المكوّنات المضمّن في الويب. والنتيجة هي رمز برمجي أكثر نمطية يمكن إعادة استخدامه في العديد من السياقات المختلفة. مزيد من المعلومات
رمز نمط الحدود

Shadow DOM

‫Shadow DOM هو معيار ويب يوفّر نمط المكوّنات وتغليف الترميز. وهو جزء مهم للغاية من قصة "مكوّنات الويب" لأنّه يضمن عمل المكوّن في أي بيئة حتى إذا كانت هناك ملفات CSS أو JavaScript أخرى قيد التشغيل على الصفحة. مزيد من المعلومات
رمز "تم"

أفضل الممارسات

بما أنّ العناصر المخصّصة وShadow DOM هي عناصر أساسية منخفضة المستوى، ليس من الواضح دائمًا كيفية دمجها لإنشاء مكوّن قوي يعمل بشكل جيد في العديد من البيئات المختلفة. على الرغم من أنّه يمكنك تنفيذ أي إجراء تقريبًا باستخدام واجهات برمجة التطبيقات هذه، إليك بعض أفضل الممارسات للمساعدة في ضمان عمل المكوّنات بشكل جيد في أي مكان. مزيد من المعلومات
رمز الاستكشاف

أمثلة

HowTo-Components هي مجموعة من العناصر التي توضّح أفضل الممارسات المتعلّقة بالعناصر المخصّصة وShadow DOM. هذه العناصر غير مخصّصة للاستخدام في مرحلة الإنتاج، بل يتم تقديمها كوسيلة تعليمية للمساعدة في ربط اقتراحات أفضل الممارسات بعمليات التنفيذ الفعلية. مزيد من المعلومات