Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

रिएक्ट नेटिव क्या है?

<घंटा/>

रिएक्ट नेटिव फेसबुक का एक ओपन सोर्स जावास्क्रिप्ट मोबाइल फ्रेमवर्क है जिसे विशेष रूप से आईओएस और एंड्रॉइड के लिए देशी मोबाइल ऐप बनाने के लिए डिज़ाइन किया गया है। रिएक्ट नेटिव रिएक्टजेएस जावास्क्रिप्ट लाइब्रेरी पर आधारित है जो मोबाइल प्लेटफॉर्म के लिए यूजर इंटरफेस बनाने में मदद करता है।

रिएक्ट नेटिव को सीधे मौजूदा आईओएस या एंड्रॉइड ऐप के अंदर इस्तेमाल किया जा सकता है या आप शुरू से ही एक नेटिव ऐप बना सकते हैं। वर्तमान में रिएक्ट नेटिव का उपयोग कुछ लोकप्रिय ऐप जैसे फेसबुक मोबाइल ऐप, इंस्टाग्राम, पिंटरेस्ट, स्काइप, आदि के साथ किया जाता है।

रिएक्ट नेटिव की कुछ महत्वपूर्ण विशेषताएं जो आज इसे एक बहुत लोकप्रिय मोबाइल विकास ऐप बनाती हैं -

क्रॉस प्लेटफ़ॉर्म समर्थन - मोबाइल ऐप विकसित करने के लिए आपको आईओएस और एंड्रॉइड प्रोग्रामिंग में टीम विशेषज्ञ की आवश्यकता नहीं है, इसके बजाय जावास्क्रिप्ट डेवलपर्स जो ऐप बनाने के लिए उत्साही हैं, वे एंड्रॉइड और स्विफ्ट या ऑब्जेक्टिव-सी के लिए कोटलिन या जावा सीखने के बिना देशी ऐप बनाने के लिए रिएक्ट नेटिव का उपयोग कर सकते हैं। आईओएस ऐप्स के लिए। आप एक सामान्य कोड लिख सकते हैं और रिएक्ट नेटिव इसे IOS और Android में प्रदर्शित करने का ध्यान रखेगा।

प्रतिक्रिया मूल घटक - रिएक्ट नेटिव देशी घटकों जैसे व्यू, टेक्स्ट और इमेज को आईओएस या एंड्रॉइड नेटिव यूआई में बदल देता है।

यहां रिएक्ट नेटिव का उपयोग करते हुए एक सरल उदाहरण दिया गया है जो Hello World: . टेक्स्ट प्रदर्शित करता है

उदाहरण

<पूर्व> 'प्रतिक्रिया' से आयात प्रतिक्रिया; 'प्रतिक्रिया-मूल' से आयात {पाठ, देखें}; कॉन्स्ट ऐप =() => {वापसी (<देखें शैली ={{फ्लेक्स:1, औचित्य सामग्री:'केंद्र', मार्जिन :15}}> <पाठ शैली ={{रंग:'लाल', फ़ॉन्ट आकार:30}}> हैलो वर्ल्ड );} डिफ़ॉल्ट ऐप निर्यात करें;

आउटपुट

रिएक्ट नेटिव क्या है?

JSX - चूंकि रिएक्टजेएस वेब की दुनिया के लिए है, रिएक्ट नेटिव मोबाइल ऐप की दुनिया के लिए है। रिएक्ट नेटिव JSX का उपयोग करता है, यानी एक XML कोड लिखने के लिए जो HTML और CSS को बदल देता है। JSX का लाभ इस प्रकार है -

  • यह तेज़ है क्योंकि यह जावास्क्रिप्ट में कोड संकलित करते समय अनुकूलन करता है।

  • यह टाइप-सुरक्षित भी है और अधिकांश त्रुटियां संकलन के दौरान पकड़ी जा सकती हैं।

  • यदि आप HTML से परिचित हैं, तो यह टेम्प्लेट लिखना आसान और तेज़ बनाता है।

रिएक्टिव नेटिव ऐप बिल्ड और टेस्टिंग - अपने ऐप को रिएक्ट नेटिव में बनाना और बिना किसी संकलन सिरदर्द के परिवर्तनों का परीक्षण करना बहुत आसान है। जैसे ही आप अपना कोड सहेजते हैं, परिवर्तन जल्द ही प्रदर्शित करने के लिए उपलब्ध होते हैं।

रिएक्टिव नेटिव रिलीज के बारे में - रिएक्ट नेटिव का पहला संस्करण फेसबुक द्वारा वर्ष 2015 में जारी किया गया था और वहां से वे इसे अपडेट और रखरखाव कर रहे हैं। रिलीज के बाद इसे बहुत लोकप्रियता मिली है क्योंकि यह मोबाइल ऐप्स के विकास के लिए उपयोग किए जाने वाले शीर्ष ढांचे में से एक है। रिएक्ट नेटिव आधिकारिक वेबसाइट, . के अनुसार 2018 में रिएक्ट नेटिव 2 nd . रहा है GitHub में किसी भी रिपॉजिटरी के लिए सबसे अधिक योगदानकर्ता। आज, रिएक्ट नेटिव को कॉलस्टैक, एक्सपो, इनफिनिट रेड, माइक्रोसॉफ्ट और सॉफ्टवेयर मेंशन सहित दुनिया भर के व्यक्तियों और कंपनियों के योगदान का समर्थन प्राप्त है। Facebook समुदाय बहुत सक्रिय रहा है और सभी प्लेटफ़ॉर्म पर नए अपडेट के साथ परियोजनाओं को नियमित रूप से अपडेट करता है।


  1. रिएक्ट नेटिव में एनिमेशन की कार्यप्रणाली के बारे में बताएं?

    रिएक्ट नेटिव एक एनिमेशन घटक प्रदान करता है जो उपलब्ध घटकों में अधिक अन्तरक्रियाशीलता जोड़ने में मदद करता है। एनीमेशन घटक का उपयोग दृश्य, पाठ, छवि, स्क्रॉलव्यू, फ्लैटलिस्ट और सेक्शनलिस्ट को चेतन करने के लिए किया जा सकता है। रिएक्ट नेटिव दो प्रकार के एनिमेशन प्रदान करता है - एनिमेटेड एपीआई लेआउटएनीम

  1. रिएक्ट नेटिव में मोबाइल ऐप बनाना शुरू करने के लिए आपको क्या जानना चाहिए

    जावास्क्रिप्ट के साथ ऐप्स बनाने से बेहतर कुछ नहीं है। जब तक आप मोबाइल ऐप नहीं बना रहे हैं। जावास्क्रिप्ट वेब ऐप बनाने के लिए है, और इसका उपयोग देशी मोबाइल ऐप बनाने के लिए संभव नहीं हुआ करता था। किसी भी वेब डेवलपर के लिए देशी मोबाइल ऐप्स बनाने में गोता लगाना कठिन था। उन्हें जावा, या ऑब्जेक्टिव-सी…या

  1. रिएक्ट नेटिव में पृष्ठभूमि के रूप में वीडियो का उपयोग कैसे करें

    इस पोस्ट में, हम एक backgroundVideo बनाने जा रहे हैं प्रतिक्रिया मूल निवासी में। यदि आपने अभी-अभी रिएक्ट नेटिव के साथ शुरुआत की है तो मेरा लेख देखें कि रिएक्ट नेटिव के साथ मोबाइल ऐप बनाना शुरू करने के लिए आपको क्या जानना चाहिए। डेमो:पेलेटन होम स्क्रीन बैकग्राउंड वीडियो ऐप के यूआई में अच्छा प्रभाव ड