JSX (JavaScript XML — React)

JSX, JavaScript'e XML benzeri söz dizimi ekleyen bir uzantıdır ve React bileşenlerinde UI oluşturmak için kullanılır. .jsx dosyaları, oluşturma araçları tarafından standart JavaScript'e dönüştürülen JSX söz dizimi ile React bileşenleri içerir.

MIME Tipi

text/jsx

Tip

Metin

Sikistirma

Kayipsiz

Avantajlar

+ Intuitive HTML-like syntax for UI component definitions
+ Full JavaScript power within markup expressions
+ Component composition is clear and readable

Dezavantajlar

− Requires transpilation — cannot run directly in browsers
− Mixes concerns (markup + logic) which some developers dislike
− Must use className instead of class (React-specific)

.JSX Ne Zaman Kullanilir

React veya React tabanlı çerçevelerle (Next.js, Remix) UI bileşenleri oluştururken JSX kullanın.

Teknik Detaylar

JSX, bir JavaScript söz dizimi uzantısı olup createElement() çağrılarına dönüştürülür. Babel veya SWC gibi derleyiciler gerektirir. JSX, ifadeler, koşullu oluşturma ve bileşen birleştirmeyi destekler.

Gecmis

Facebook, 2013 yılında React ile birlikte JSX'i tanıttı. Başlangıçta tartışmalı olan JSX, React ekosisteminde standart haline geldi ve Babel, Vite gibi araçlar tarafından derlenir.

.JSX formatindan donustur

.jsx → .css .jsx → .html .jsx → .js .jsx → .json .jsx → .ts .jsx → .tsx

.JSX formatina donustur

.css → .jsx .html → .jsx .js → .jsx .json → .jsx .ts → .jsx .tsx → .jsx

Ilgili Formatlar

.c .cpp .css .csv .go .java .js .json .less .py .rs .scss .sql .toml .ts .tsv .tsx .xml .yaml .yml