Breaking Screens into Componentsتقسيم الشاشة إلى مكونات
افهم الفارق الجوهري بين تعديل DOM الأمري اليدوي والوصف التصريحي في React، وتعلم كيف تتحول البيانات إلى واجهة وكيف نقسّم الشاشات إلى شجرة مكونات.
3 صفوف تعليمية
ReactJS
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
قبل كتابة سطر كود واحد لأي شاشة جديدة، انظر إلى التصميم البصري وارسم مستطيلات ذهنية حول كل منطقة مستقلة الوظيفة؛ فصفحة المنصة التعليمية تنقسم طبيعياً إلى شريط علوي Navbar، ومنطقة محتوى وسطى CourseCatalog تضم بداخلها بطاقات متكررة CourseCard، وتذييل سفلي SiteFooter. تشكل هذه العلاقة الهرمية شجرة المكونات (Component Tree).
الصف 2
صورة توضيحية
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (الواجهة التصريحية ومعمارية المكونات في React)
