Me ne JSX kuma yaya ya zama JavaScript?

Question

Accepted Answer

**JSX** shine tsarin fadada da ya bai ka dauki markup iri na HTML a cikin JavaScript. Barawon **ba** shi da gida JSX — compilar (Babel, SWC, esbuild) ya sauya shi zuwa karanta aiki na kwatance **kafin** kodun ya zauna. ## Abin da ya zuwa koma ```jsx const el =

Hi {name}

; // the compiler turns it into (classic runtime): const el = React.createElement( "h1", // tag / component { className: "title" }, // props "Hi ", name // children ); ``` Sakamakon shine saura JavaScript obejka ("React element") da ya **bayyana** UI — ba gaske DOM node ba jiya. React ya karanta haka obejka don gina Virtual DOM. ## Mahimmin dokoki (da me ta dace) ```jsx function Card({ user }) { return ( <> {/* Fragment: one root without an extra

*/}

{user.name}

{/* camelCase: className, not class */} {user.isAdmin && } {/* {} embeds any JS expression */} ); } ``` - Dole ne a **tushe ɗaya** a dawo (danganta jari a cikin Fragment). - Attributes suna bin **camelCase** (`className`, `onClick`) saboda sun nuna zuwa JS, ba HTML ba. - `{ }` yaɗi maganganun (values, ternaries, `.map()`), amma **ba** bayanai kamar `if`. ## Me ya dace JSX shine kawai sukari don `createElement`, don haka abin da ka iya yi a cikin JSX za ka iya yi a cikin saura JS — shi kawai ya sa kodun UI ya karantu kamar markup da ya ake samarwa, wanda ya fi karantu fiye da wawaye gaida aiki.