شرح صفوف ومحتوى الفقرة
للانطلاق بثقة في بناء تطبيقات React، تأكد من إلمامك بوسوم HTML5 الدلالية، وتنسيقات CSS المرنة، وست مهارات أساسية في JavaScript ES6+: تعريف المتغيرات بـ const وlet، الدوال السهمية، التفكيك (Destructuring)، دوال map وfilter، معامل الانتشار ...، ونظام الوحدات import/export. يلخص الجدول التالي الفروق الجوهرية:
| وجه المقارنة | مكتبة React الحديثة | إطار عمل شامل مثل Angular |
|---|---|---|
| نطاق التخصص | طبقة واجهة مستخدم تصريحية مركزة وخفيفة | إطار متكامل يفرض هيكلة الشبكة والنماذج والحقن |
| أسلوب بناء المكونات | دوال JavaScript قياسية وخطافات Hooks | أصناف برمجية ومزخرفات وقوالب منفصلة |
| منطق العرض الشرطي والتكرار | تعابير اللغة القياسية داخل صياغة JSX | موجهات خاصة بالإطار مثل *ngFor و*ngIf |
| مرونة الدمج التدريجي | يعمل داخل عنصر واحد أو كتطبيق SPA كامل | مُصمم غالباً لبناء المشروع بالكامل من الصفر |
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
تعرفت في هذا الدرس على مفهوم مكتبة React الحديثة وركائزها الثلاث المتمثلة في المكونات الدالية وصياغة JSX والمطابقة الذكية، وميزت المشاريع الأنسب لها والفارق المعماري بينها وبين الأطر الشاملة ومتطلبات الانطلاق فيها. الخطوة التالية: انتقل الآن إلى الدرس رقم 2 «الواجهة التصريحية ومعمارية المكونات في React» لمواصلة البناء التراكمي المتدرج في مسار React الحديث.