JSX nima

🧠 1. JSX nima?

JSX — bu JavaScript XML degani.
Bu bizga HTML-ga o‘xshagan kodni JavaScript ichida yozish imkonini beradi — aynan React komponentlarida.

💡 Misol:

const element = <h1>Salom, dunyo!</h1>;

Aslida React buni quyidagicha o‘zgartiradi:

const element = React.createElement('h1', null, 'Salom, dunyo!');

Yani:

document.createElement("h1")

deganingiz o‘rniga oddiygina:

<h1>Salom</h1>

deb yozasiz.

Har bir komponent bitta asosiy elementni return qilishi kerak (ko‘pincha <div> yoki fragment <></> bilan o‘raladi).
class o‘rniga className yoziladi.
JS kodini yozish uchun {} ishlatiladi.

✅ Oddiy JSX komponent:

function Welcome() { return <h1>Reactga xush kelibsiz, do‘stim!</h1>; }