الفكرةمكونات صغيرة تتركّب، مش مكون واحد ضخم
المشكلةprops منطقية زي showFavorite و showEdit و compact
الحاوية
ProductCard تعرض children ومتعرفش التفاصيلالأبيختار الصورة والمعلومات والأزرار
العميلمفضلة و Add to Cart
الأدمنEdit و Delete، ونفس الصورة والمعلومات
childrenمحتوى جوّه المكون
Compoundزي
Tabs و Tabs.List و Tabs.Content، وحالة مشتركة بـ ContextSlots
header و sidebar و content. المكان من غير تفاصيل التنفيذخلّصت الموضوع لما
🧠 اختبر نفسك
١) عايز كارت موبايل بترتيب مختلف. تزود prop compact؟
لأ. ركّب نفس الأجزاء بالترتيب اللي الشاشة محتاجاه.
٢) الحاوية لازم تعرف أسماء الأزرار اللي جواها؟
لأ. تعرض
children.٣) الهيدر والسايدبار أماكن ثابتة في الصفحة. أنهي طريقة؟
فتحات بأسماء. الـ Layout يحط كل جزء في مكانه.