React JS in hindi: रिएक्ट जेएस एक जावास्क्रिप्ट लाइब्रेरी है जिसका उपयोग यूजर इंटरफेस बनाने के लिए किया जाता है। यह डेवलपर्स को आसानी से इंटरैक्टिव और गतिशील वेब एप्लिकेशन बनाने की सुविधा देता है।
दुनिया भर में सैकड़ों प्रमुख कंपनियां, जैसे अमेरिकन एक्सप्रेस, नेटफ्लिक्स, और एयरबीएनबी अपने वेब एप्लिकेशन बनाने के लिए React JS का उपयोग करती हैं।
तो आइए अच्छी तरह से समझते हैं कि रिएक्ट JS क्या है और यह कैसे काम करता है –
Table of Contents
React JS क्या है (What is React JS in hindi)?
React JS एक फ्री ओपन सोर्स, जावास्क्रिप्ट लाइब्रेरी है जिसे React या React.js के नाम से भी जाना जाता है। इसका उपयोग विशेष रूप से सिंगल-पेज एप्लिकेशन के यूजर इंटरफेस बनाने के लिए किया जाता है।
मूल रूप से, React JS फेसबुक द्वारा विकसित एक फ्रंट-एंड जावास्क्रिप्ट फ्रेमवर्क है, जो फेसबुक सॉफ्टवेयर इंजीनियर जॉर्डन वॉके द्वारा 2011 में जारी किया गया था।
React का मुख्य लक्ष्य व्यापक, flexible, तेज, declarative, और सरल होना है।
वास्तव में, React JS सबसे लोकप्रिय जावास्क्रिप्ट फ्रंट-एंड पुस्तकालयों में से एक है जिसकी एक मजबूत नींव और एक बड़ा समुदाय है। रिएक्ट हमें पुन: प्रयोज्य UI घटक बनाने की अनुमति देता है।
सरल शब्दों में, रिएक्ट, जिसे कभी-कभी फ्रंटएंड जावास्क्रिप्ट फ्रेमवर्क के रूप में संदर्भित किया जाता है, फेसबुक द्वारा बनाई गई एक जावास्क्रिप्ट लाइब्रेरी है। यह यूआई घटकों के निर्माण के लिए एक उपकरण (tool) है।
अगर आप फ्रंट-एंड डेवलपर बनना चाहते हैं तो React JS आपके लिए एक अच्छा विकल्प है। वेब डेवलपर और वेब डिजाइनर को समझें।
नोट: रिएक्ट जेएस केवल एक फ्रंटएंड लाइब्रेरी है, न कि संपूर्ण ढांचा (framework), जो एमवीसी (मॉडल – व्यू – कंट्रोलर) के व्यू कंपोनेंट से संबंधित है।
रिएक्ट जेएस का इतिहास (History of ReactJS)
मूल रूप से, React JS को फेसबुक के एक सॉफ्टवेयर इंजीनियर जॉर्डन वॉके द्वारा बनाया गया था, जिसने “FaxJS” नामक रिएक्ट का प्रारंभिक प्रोटोटाइप जारी किया था। वह PHP के लिए एक HTML घटक पुस्तकालय XHP से प्रभावित था।
इसे पहली बार 2011 में फेसबुक के न्यूज फीड पर और बाद में 2012 में इंस्टाग्राम पर तैनात किया गया था। इसे मई 2013 में JSConf US में ओपन-सोर्स किया गया था।
- React.JS का वर्तमान संस्करण React 19 Beta (अप्रैल 2024) है।
create-react-app
का वर्तमान संस्करण v5.0.1 (अप्रैल 2024) है।
React JS के लेखक | जॉर्डन वॉके (Jordan Walke) |
---|---|
Developer(s) | Meta and community |
Initial release | May 29, 2013 |
Stable release | 19.0.0-rc.1 Nov 2024 |
Repository | github.com/facebook/react |
Written in | JavaScript |
Platform | Web platform |
Type | JavaScript library |
License | MIT License |
Website | reactjs.org |
रिएक्ट जेएस कैसे काम करता है (React JS works)?
React JS को अच्छे से समझने के लिए आपको यह समझना चाहिए कि यह कैसे काम करता है, तो आइए बिना देर किए जानते हैं:
मूल रूप से, ReactJS HTML DOM में डेटा (views) fill के लिए virtual DOM आधारित mechanism का उपयोग करता है।
वर्चुअल डोम तेजी से मालिक होने का काम करता है इस तथ्य के लिए कि यह हर बार पूर्ण डोम को पुनः लोड करने के बजाय केवल व्यक्तिगत DOM elements को बदलता है।
- वास्तव में, एक रिएक्ट एप्लिकेशन कई घटकों से बना होता है, प्रत्येक HTML के एक छोटे, reusable टुकड़े को आउटपुट करने के लिए जिम्मेदार होता है।
- सरल बिल्डिंग ब्लॉक्स से जटिल एप्लिकेशन को बनाने की अनुमति देने के लिए घटकों को अन्य घटकों के भीतर स्थिर बनाया जा सकता है।
- एक घटक आंतरिक स्थिति को भी बनाए रख सकता है – उदाहरण के लिए, एक TabList घटक वर्तमान में खुले टैब के अनुरूप एक चर (variable) संग्रहीत कर सकता है।
React JS हमें JSX नामक डोमेन-विशिष्ट भाषा का उपयोग करके घटक (components) लिखने की अनुमति देता है। JSX हमें HTML का उपयोग करके अपने घटकों को लिखने की अनुमति देता है, जबकि जावास्क्रिप्ट events में मिश्रण करता है।
रिएक्ट आंतरिक रूप से इसे एक virtual DOM में बदल देगा, और अंततः हमारे लिए हमारे एचटीएमएल को आउटपुट करेगा।
रिएक्ट जेएस की विशेषताएं (Features of React JS)
React JS लाइब्रेरी की मुख्य विशेषताएं इस प्रकार हैं –
- React JS एक Declarative UI library है।
- इसमें Extensible architecture है।
- ReactJS में सॉलिड बेस आर्किटेक्चर है।
- यह Component based library है।
- ReactJS JSX-based design architecture है।
ReactJS के लाभ (Benefits of React JS)
रिएक्ट लाइब्रेरी का उपयोग करने के कुछ लाभ इस प्रकार हैं –
- रिएक्ट जेएस को सीखना आसान है।
- इसमें किसी कार्यक्षमता को कोड करने का तेज़ तरीका होता है।
- React JS का बड़ा और सक्रिय समुदाय है।
- यह आधुनिक के साथ-साथ विरासत के application में adapt करना आसान है।
- React JS बड़ी संख्या में तैयार घटक की उपलब्धता होता है।
ReactJS के अनुप्रयोग (Applications of ReactJS)
React JS लाइब्रेरी द्वारा संचालित कुछ लोकप्रिय वेबसाइटें नीचे सूचीबद्ध हैं –
- फेसबुक।
- नेटफ्लिक्स।
- एटलसियन।
- स्नैपचैट।
- ट्रेलो।
- एयरबीएनबी।
- कोडकेडेमी।
- ग्रामर्ली।
- ड्रॉपबॉक्स।
- रेडिट।
जैसा कि आप देख सकते हैं, React JS लाइब्रेरी द्वारा हर क्षेत्र में सबसे लोकप्रिय एप्लिकेशन विकसित किया जा रहा है।
Learn React JS in Hindi
फ्री में इन रिएक्ट पाठ के माध्यम से रिएक्ट JS सीखें:
- Install React JS (Win, Mac, Ubuntu)
- JSX क्या है और JSX कैसे काम करता है।
- React JS में State क्या है पूरी जानकारी।
- Props in React JS in Hindi
- Events Handling in React Js in Hindi
- React Fragments (रिएक्ट फ्रैगमेंट को समझें)
- Hooks in React in Hindi (Hooks को समझें)
ये उल्लिखित पाठ यह समझने में मदद करेगा कि रिएक्ट का उपयोग कैसे करें।
Free React JS Course Tutorial in Hindi
यदि आप रिएक्ट जेएस के बारे में कुछ नहीं जानते हैं, तो कोई बात नहीं यह कोर्स आपको रिएक्ट जेएस को चरण-दर-चरण सीखने में मदद करता है। रिएक्ट JS सीखने के लिए नीचे दिए गए बटन (React JS Tutorial) पर क्लिक करें और सीखना शुरू करें:
अगर आप इसी तरह जावास्क्रिप्ट सीखना चाहते हैं तो यहां एक और कोर्स है –
Free JavaScript Course in Hindi
हमारे इस फ्री पाठ्यक्रम से जावास्क्रिप्ट सीखें। इससे आपके लिए React JS को समझना आसान हो जाएगा। सीखना शुरू करने के लिए नीचे दिए गए बटन पर क्लिक करें:
निष्कर्ष
इस लेख “React JS क्या है (What is React JS in Hindi)?” में, हमने सीखा कि रिएक्ट जेएस एक ओपन-सोर्स, घटक आधारित फ्रंट एंड लाइब्रेरी है जो केवल एप्लिकेशन की व्यू लेयर के लिए जिम्मेदार है और इसकी देखरेख फेसबुक करता है।
मूल रूप से, रिएक्ट फेसबुक द्वारा विकसित एक जावास्क्रिप्ट लाइब्रेरी है, जिसका उपयोग अन्य चीजों के अलावा, Instagram.com के निर्माण के लिए किया गया था।
इसका उद्देश्य डेवलपर्स को वेबसाइटों और एप्लिकेशन के लिए समान रूप से तेज यूजर इंटरफेस बनाने की अनुमति देना है। React.js की मुख्य अवधारणा virtual DOM है।
मुझे उम्मीद है कि यह लेख, React JS परिचय आपको यह समझने में मदद करेगा कि वास्तव में रिएक्ट जेएस क्या है और यह कैसे काम करता है।