यदि आप रिएक्ट का उपयोग करने के लिए नए हैं, तो आप खुद से पूछ सकते हैं, "जेएसएक्स वास्तव में क्या है और मैं नियमित ओल 'वेनिला जावास्क्रिप्ट के साथ क्यों नहीं रह सकता?" खैर, एक सरलीकृत उत्तर यह है कि यह आपको HTML को दूसरी तरह से जावास्क्रिप्ट में डालने की अनुमति देता है। साथ ही, यह सामान्य जावास्क्रिप्ट की तुलना में तेज़ होता है क्योंकि यह सोर्स कोड को जावास्क्रिप्ट में संकलित करते समय अनुकूलन करता है। Facebook की टीम ने इसे डेवलपर अनुभव को आसान बनाने के लिए भी बनाया है, तो आप इसका उपयोग क्यों नहीं करेंगे?

जावा स्क्रिप्ट एक्सएमएल

JSX जावास्क्रिप्ट XML के लिए खड़ा है और एक अलग सिंटैक्स के साथ जावास्क्रिप्ट का सिर्फ एक और विस्तार है। HTML/XML जैसे सिंटैक्स का उपयोग रिएक्ट द्वारा किया जाता है और इसका उपयोग प्रीप्रोसेसरों (बेबेल) द्वारा HTML- जैसे टेक्स्ट को मानक जावास्क्रिप्ट ऑब्जेक्ट्स में बदलने के लिए किया जाता है जिसे एक इंजन पार्स करने में सक्षम होगा। JSX आपको एक ही फ़ाइल में जावास्क्रिप्ट के साथ स्पष्ट और संक्षिप्त HTML/XML-जैसी ट्री संरचनाएँ लिखने की अनुमति देगा। आपका प्रीप्रोसेसर (बेबेल) तब अभिव्यक्ति को वास्तविक जावास्क्रिप्ट कोड में बदलने के लिए अपना काम करेगा। कुछ लोग JSX को React लिखने के लिए शॉर्टकट का एक सेट मानते हैं। बहुत बढ़िया सही!

पेशेवरों

• HTML कोड में त्रुटियों की आसान पहचान जो अन्यथा किसी का ध्यान नहीं जा सकती हैं
• HTML में जावास्क्रिप्ट की पूरी शक्ति का लाभ उठाएं
• VirtualDOM को केवल उस जानकारी को अपडेट करने की अनुमति देता है जो एक सस्ते और तेज रेंडर के लिए बदल गई है
• तत्वों को आसानी से पास करने की क्षमता

• नए लोगों के लिए दस्तावेज़ीकरण को समझना मुश्किल हो सकता है
• प्रतिक्रिया केवल ( मॉडल-व्यू-कंट्रोलर ) पैटर्न के दृश्य भाग पर केंद्रित है

बनाम

ये लो!

मुझे व्यक्तिगत रूप से लगता है कि JSX का उपयोग करने से कोड पढ़ने में आसान हो जाता है और बहुत साफ दिखता है। कैम्प फायर के आसपास व्हिस्की की एक अच्छी बोतल जितनी आसान जावास्क्रिप्ट में तत्वों को पारित करने की क्षमता वास्तव में JSX का उपयोग करने के लिए एक रिएक्ट एप्लिकेशन लिखने के किसी भी अन्य तरीके से ऊपर है। निश्चित रूप से आप किसी अन्य मार्ग पर जा सकते हैं, लेकिन मैं इसकी अनुशंसा नहीं करूंगा। अगर आपको यह सामग्री पसंद आई हो तो मुझे मेरे लिंक्डइन या जीथब पर फॉलो करें और मेरे कुछ अन्य ब्लॉग देखें!

https://www.linkedin.com/in/jamondixon/

https://github.com/Jamondixon