إعادة استخدام وتداخل المكونات | بناء أول مكون دالي في React

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

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

تتجلى القوة الهندسية للمكونات الدالية في التركيب وإعادة الاستخدام (Composition)؛ إذ تبني وحدات صغيرة متخصصة مثل StudioLogo وTrackSummary مرة واحدة، ثم تدرجها وتكررها بمرونة داخل مكون أب جامع مثل LearningPortal دون نسخ سطر تصميم واحد.

الصف 2 كود برمجي

HTML

function TrackItem() {
  return <div className="rx-card">JSX Lesson</div>;
}

function LearningPortal() {
  return (
    <main className="rx-stack">
      <TrackItem />
      <TrackItem />
    </main>
  );
}

جرّب بنفسك

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

Reusing and Nesting Components إعادة استخدام وتداخل المكونات

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

جميع فقرات هذا الدرس (بناء أول مكون دالي في React)