JSX صيغة تشبه HTML تُكتب داخل ملفات JavaScript في React. ميزتها الأساسية دمج JavaScript مباشرة داخل شكل يشبه HTML.

function Greeting({ name }) {
  return <h1>Hello, {name}!</h1>;
}

أي تعبير JavaScript بين { } يُحسب ويُعرض.

أمثلة

<p>{items.length} items</p>
{isLoggedIn ? <Logout /> : <Login />}
<ul>{items.map(i => <li key={i.id}>{i.name}</li>)}</ul>

ليست HTML تمامًا

• className بدل class.
• كل وسم يجب أن يُغلق: <img />.
• المتصفح لا يفهم JSX مباشرة، فأدوات البناء تحوّلها إلى JavaScript عادي.