Waa Maxay JSX?

Sharaxaad

React-ka, UI-ga JavaScript ayaad ku qoraysaa. Halkii aad document.createElement marar badan qori lahayd, JSX wuxuu kuu oggolaanayaa inaad qorto <h1>Salaan</h1> isla JavaScript-ka dhexdiisa. Tool-ka build-ka (Babel ama Vite) ayaa JSX-ka u beddela function calls React fahmo. Browser-ku JSX toos uma fahmo, taasi waa sababta project React loogu baahan yahay setup.

Xeerarka ugu muhiimsan: class waxaad ku qoraysaa className, sababtoo ah class JavaScript ereyga la reebay ayuu yahay; component-ku hal element root ah ayuu soo celiyaa (ama fragment <>...</>); tags-ka oo dhan waa la xiraa, xitaa <img />; JavaScript-ka waxaad ku dhex qoraysaa braces {}: {name}, {items.map(...)}. TypeScript-ka waxaa la yiraahdaa TSX.

Tusaale

Copy
function Salaan({ name }) {
  return <h1 className="title">Salaan, {name}!</h1>;
}

HTML u eg, laakiin {name} waa JavaScript, className-na waa xeerka JSX. Component-ku wuxuu soo celiyaa element React soo bandhigo.

Halkee ayaad Dugsiiye ku baranaysaa?

JSX, createRoot iyo xeerarka styling-ka casharrada ugu horreeya: React.js Masterclass iyo bilaash Baro React JS Af-Soomaali.