.jsx
Code
JSX (JavaScript XML — React)
JSX هو امتداد صيغة لـ JavaScript يتيح لك كتابة ترميز شبيه بـ HTML داخل كود JavaScript. وهو الطريقة القياسية لتعريف مكونات واجهة المستخدم في React، أشهر مكتبة للواجهات الأمامية.
نوع MIME
text/jsx
النوع
نص
الضغط
بدون فقدان
المزايا
- + Intuitive HTML-like syntax for UI component definitions
- + Full JavaScript power within markup expressions
- + Component composition is clear and readable
العيوب
- − Requires transpilation — cannot run directly in browsers
- − Mixes concerns (markup + logic) which some developers dislike
- − Must use className instead of class (React-specific)
متى تستخدم .JSX
استخدم JSX لملفات مكونات React؛ استخدم .tsx لـ React مع TypeScript.
التفاصيل التقنية
JSX ليس JavaScript صالحاً — يجب تحويله (بواسطة Babel أو SWC) إلى استدعاءات React.createElement() أو تحويل وقت تشغيل JSX. يمكن أن تتضمن تعبيرات JSX منطق JavaScript داخل الأقواس المعقوفة.
التاريخ
قدمت Facebook تنسيق JSX في 2013 إلى جانب React. كان مثيراً للجدل في البداية لمزج HTML وJavaScript، لكن JSX أصبح مقبولاً على نطاق واسع ويُستخدم الآن من قبل ملايين المطورين في React وPreact وSolidJS.