شرح صفوف ومحتوى الفقرة
يجب أن يبدأ اسم أي مكون في React بحرف إنجليزي كبير وفق نمط PascalCase مثل ProfileCard وSearchHeader وPrimaryButton. ليست هذه القاعدة مجرد ذوق تنسيقي، بل يعتمد عليها مترجم JSX للتفريق الحاسم بين عناصر المتصفح ومكوناتك:
- الوسوم التي تبدأ بحرف صغير مثل
<section>و<button>تُعامل كوسومHTMLمدمجة في المتصفح. - الوسوم التي تبدأ بحرف كبير مثل
<ProfileCard />تُترجم كاستدعاء مباشر لدالتك البرمجيةProfileCard.
HTML
function VerifiedTag() {
return <span className="rx-badge">Verified Lab</span>;
}
function LabHeader() {
return (
<header className="rx-card">
<VerifiedTag />
<h2>CloseTag React Studio</h2>
</header>
);
}