JSX और Components

React कोर्स का हिस्सा

पिछले पाठ में आपने एक कंपोनेंट को कुछ ऐसा लौटाते देखा जो HTML जैसा लगता था: return <h1>Hello, React</h1>;। यह देखकर ज़रा अजीब लगना चाहिए था। JavaScript के फ़ंक्शन संख्या, स्ट्रिंग या ऑब्जेक्ट जैसे मान लौटाते हैं, कोणीय कोष्ठक नहीं। JavaScript फ़ंक्शन के अंदर सीधे मार्कअप लिखना सिर्फ़ JSX नाम की एक परत की वजह से चलता है, और उसके अपने कुछ छोटे नियम हैं, जो HTML से इतने अलग हैं कि जो पहले से जानने का दावा करता है वही...

JSX का पूरा नाम JavaScript XML है। यह सिंटैक्स का एक विस्तार है, जिससे HTML टैग जैसी दिखने वाली चीज़ सीधे JavaScript कोड के अंदर लिखी जा सकती है। एक बिल्ड टूल (पिछले पाठ में जिस तरह के कंपाइलर की बात हुई थी) <h1>Hello</h1> पढ़ता है और उसे आपके ब्राउज़र तक पहुँचने से पहले ही सादे JavaScript फ़ंक्शन कॉल में बदल देता है, मोटे तौर पर createElement("h1", null, "Hello")। वह फ़ंक्शन कॉल आपको कभी ख़ुद लिखनी नहीं पड़ती, पर...