شرح صفوف ومحتوى الفقرة
يُبنى المكون الدالي (Functional Component) في معيار React الحديث كدالة JavaScript قياسية تماماً تُعيد توصيف JSX يمثل جزءاً محدداً من واجهة المستخدم. لا تحتاج إلى وراثة أصناف معقدة أو تسجيل قوالب خاصة؛ بل تكتب تصريح دالة واضح مثل function CourseBadge() أو دالة سهمية محفوظة في ثابت const.
عندما ترسم React الشاشة، تستدعي دالة المكون وتقرأ هيكل العناصر المُعاد منها ثم تطابق شجرة DOM في المتصفح معه تلقائياً.
HTML
function CourseBadge() {
return (
<article className="rx-card">
<span className="rx-badge">Module 02</span>
<h3>Modern Functional Components</h3>
<p>Built with plain JavaScript functions.</p>
</article>
);
}