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

React Native क्या है?


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

React Native को मौजूदा iOS या Android ऐप के अंदर सीधे उपयोग किया जा सकता है या आप स्क्रैच से एक नेटिव ऐप बना सकते हैं। वर्तमान में React Native का उपयोग Facebook मोबाइल ऐप, Instagram, Pinterest, Skype आदि जैसे कुछ लोकप्रिय ऐप्स के साथ किया जाता है।

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

क्रॉस-प्लेटफॉर्म सपोर्ट – मोबाइल ऐप्स विकसित करने के लिए आपको iOS और Android प्रोग्रामिंग में विशेषज्ञ टीम की आवश्यकता नहीं है, बल्कि JavaScript डेवलपर्स जो ऐप्स बनाने के लिए उत्साही हैं, वे React Native का उपयोग करके नेटिव ऐप्स बना सकते हैं बिना Kotlin या Java सीखे Android के लिए और Swift या Objective-C सीखे iOS ऐप्स के लिए। आप एक कॉमन कोड लिख सकते हैं और React Native इसका ख्याल रखेगा कि यह iOS और Android में प्रदर्शित हो।

React Native कंपोनेंट्स – React Native नेटिव कंपोनेंट्स जैसे View, Text, और Image प्रदान करता है जो iOS या Android नेटिव UI में बदल जाते हैं।

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

उदाहरण

import React from 'react';
import { Text, View } from 'react-native';
const App = () => {
    return (
        
            Hello World
        
    );
}
export default App;

आउटपुट

React Native क्या है?

JSX – चूंकि ReactJS वेब दुनिया के लिए है, React Native मोबाइल ऐप दुनिया के लिए है। React Native JSX का उपयोग करता है यानी कोड लिखने के लिए एक XML जो HTML और CSS को प्रतिस्थापित करता है। JSX के फायदे निम्नलिखित हैं:

  • यह तेज़ है क्योंकि यह कोड को JavaScript में संकलित करते समय ऑप्टिमाइज़ेशन करता है।

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

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

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

React Native रिलीज़ के बारे में – React Native का पहला संस्करण 2015 में फेसबुक द्वारा जारी किया गया था और तब से वे इसे अपडेट और मेंटेन कर रहे हैं। रिलीज़ के बाद इसने बहुत लोकप्रियता हासिल की क्योंकि यह मोबाइल ऐप्स डेवलपमेंट के लिए उपयोग किए जाने वाले शीर्ष फ्रेमवर्क में से एक है। React Native आधिकारिक वेबसाइट के अनुसार, 2018 में React Native GitHub में किसी भी रिपॉजिटरी के लिए योगदानकर्ताओं की दूसरी सबसे बड़ी संख्या रही है। आज, React Native को दुनिया भर के व्यक्तियों और कंपनियों के योगदान से समर्थित किया जाता है जिसमें Callstack, Expo, Infinite Red, Microsoft और Software Mansion शामिल हैं। फेसबुक कम्युनिटी बहुत सक्रिय रही है और प्लेटफॉर्म्स पर नए अपडेट के साथ प्रोजेक्ट्स को नियमित रूप से अपडेट करती है।


  1. React Native में एनिमेशन के कार्य की व्याख्या React Native में एनिमेशन के कार्य की व्याख्या

    React Native एक Animation कंपोनेंट प्रदान करता है जो उपलब्ध कंपोनेंट्स में अधिक इंटरएक्टिविटी जोड़ने में मदद करता है। Animation कंपोनेंट का उपयोग View, Text, Image, ScrollView, FlatList और SectionList को एनिमेट करने के लिए किया जा सकता है। React Native दो प्रकार के एनिमेशन प्रदान करता है: Animated

  1. React Native के साथ शुरुआत: मोबाइल ऐप्स बनाने के लिए आवश्यक टिप्स React Native के साथ शुरुआत: मोबाइल ऐप्स बनाने के लिए आवश्यक टिप्स

    JavaScript से ऐप्स बनाना सबसे अच्छा है। जब तक कि आप मोबाइल ऐप्स नहीं बना रहे। JavaScript वेब ऐप्स बनाने के लिए है, और इसका उपयोग नेटिव मोबाइल ऐप बनाने के लिए करना पहले संभव नहीं था। किसी भी वेब डेवलपर के लिए नेटिव मोबाइल ऐप्स बनाना कठिन था। उन्हें Java, या Objective-C सीखना पड़ता था... या कोई भी प्र

  1. React Native में वीडियो को बैकग्राउंड के रूप में उपयोग करना - चरण-दर-चरण गाइड React Native में वीडियो को बैकग्राउंड के रूप में उपयोग करना - चरण-दर-चरण गाइड

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