JSX (JavaScript XML)
JavaScript XML — React कम्पोनेंट्स में HTML जैसा सिंटैक्स लिखने की अनुमति देने वाला एक्सटेंशन। JSX फ़ाइलें JavaScript के अंदर UI एलिमेंट्स को सीधे परिभाषित करती हैं।
MIME Type
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 कब उपयोग करें
React कम्पोनेंट डेवलपमेंट, React Native मोबाइल ऐप्स, और UI लाइब्रेरी जो JSX ट्रांसफॉर्म को सपोर्ट करती हैं (Preact, SolidJS)।
तकनीकी विवरण
JSX एक सिंटैक्स एक्सटेंशन है जो Babel/SWC द्वारा React.createElement() कॉल में ट्रांसफॉर्म होता है। JSX एक्सप्रेशन curly braces {} में JavaScript एक्सप्रेशन एम्बेड कर सकते हैं। कम्पोनेंट्स uppercase (PascalCase) और HTML एलिमेंट्स lowercase में होते हैं।
इतिहास
Facebook ने 2013 में React के साथ JSX पेश किया। शुरुआत में इसकी 'HTML in JavaScript' अवधारणा विवादास्पद थी, लेकिन यह React इकोसिस्टम और कम्पोनेंट-आधारित UI डेवलपमेंट का मानक बन गया। Babel ट्रांसपाइलर JSX को मानक JavaScript में कन्वर्ट करता है।