شرح صفوف ومحتوى الفقرة
الفكرة الجوهرية التي تقوم عليها مكتبات وأطر عمل الحديثة (مثل و و) هي بناء الواجهة بالمكونات القابلة لإعادة الاستخدام ()، تماماً مثل تركيب قطع الليغو ():
- ابنِ القطعة مرة واحدة واستخدمها في كل مكان: بدلاً من نسخ ولصق عشرين سطراً من كود بطاقة الدرس في خمسين صفحة، يصمم المطور مكوناً واحداً اسمه .
- عدّل في مكان واحد لينعكس في الموقع كله: إذا طلب المصمم تغيير شكل البطاقة، يعدل المطور ملف المكون الأصلي مرة واحدة فقط فتتحدث جميع البطاقات في الموقع تلقائياً.
- قالب موحد ببيانات متغيرة: يستقبل المكون نفسه عنواناً وصورة مختلفة لكل درس مع الحفاظ على نفس التصميم والتفاعل.
تأمل هذا التصور المبسط لكيف يُستدعى المكون القابل للتكرار ثلاث مرات ببيانات مختلفة دون تكرار الكود:
HTML
<!-- One CourseCard component reused with different data -->
<CourseCard title="Web Browsers" lessons="10" level="Beginner" />
<CourseCard title="HTTP Protocol" lessons="10" level="Beginner" />
<CourseCard title="Front-End Basics" lessons="10" level="Beginner" />