انتقل إلى محتوى الدرس

Organizing Components Directory تنظيم مجلد المكونات بالمشروع

قسّم واجهات React المتنامية إلى ملفات معيارية منظمة باستخدام التصدير الافتراضي Default Export والتصدير المسمى Named Export وهيكلة مجلد src/components الاحترافية.
2 صفوف تعليمية
ReactJS
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

في مشاريع Vite الحديثة، تُنظَّم المكونات القابلة لإعادة الاستخدام داخل المجلد src/components/ مثل src/components/Navbar.jsx وsrc/components/CourseCard.jsx. احرص دائماً على استخدام الامتداد الصريح .jsx لكل ملف يضم وسوم واجهة، ومطابقة اسم الملف بصيغة PascalCase مع اسم مكونه، وتجنب الاستيراد الدائري المتبادل بين ملفين.

الصف 2 ملاحظة هامة