तंत्रज्ञान

अँड्रॉइड डेव्हलपमेंटसाठी रिअ‍ॅक्ट नेटिव्ह मध्ये जा

- जाहिरात-

तुम्ही मोबाईल डेव्हलपमेंटसाठी नवीन असल्यास, एक्सपो सीएलआय सुरू करण्यासाठी सर्वोत्तम ठिकाण आहे. एक्सपो हा रिअॅक्ट नेटिव्हवर केंद्रित साधनांचा एक संच आहे आणि त्यात अनेक क्षमता असताना, आत्ता आमच्यासाठी सर्वात महत्वाचे म्हणजे ते काही मिनिटांत रिअॅक्ट नेटिव्ह अॅप डेव्हलपमेंट सेवा विकसित करणे सुरू करू शकते. आपल्याला फक्त Node.js ची वर्तमान आवृत्ती आणि फोन किंवा एमुलेटरची आवश्यकता असेल. स्नॅक्सचा वापर कोणत्याही साधने स्थापित करण्यापूर्वी थेट आपल्या वेब ब्राउझरमध्ये रिएक्ट नेटिव्ह चाचणी करण्यासाठी केला जाऊ शकतो.

जर तुम्ही आधीच मोबाईल प्रोग्रामिंगचा अनुभव घेत असाल तर रिअॅक्ट नेटिव्ह सीएलआय हा एक चांगला पर्याय असू शकतो. समर्पित प्रतिक्रिया नेटिव्ह डेव्हलपर्स भाड्याने घ्या Xcode किंवा Android Studio सह प्रारंभ करण्यासाठी. जर तुमच्याकडे यापैकी एक साधन आधीच स्थापित असेल, तर तुम्ही काही मिनिटांतच चालू आणि चालू असायला हवे. जर ते आधीपासून स्थापित केलेले नसतील तर त्यांना स्थापित आणि कॉन्फिगर करण्यासाठी सुमारे एक तास खर्च करण्याची अपेक्षा करा.

आपण ज्या गोष्टी लक्षात ठेवल्या पाहिजेत त्याकडे एक नजर टाकू:

  • अॅनिमेशन
  • कामगिरी
  • मूळ शैलीवर प्रतिक्रिया द्या
  • सीएसएस-इन-जेएस रॅपर लायब्ररी वापरा
  • गरज असेल तेव्हाच एक्सपो-किट वापरा
  • योग्य नेव्हिगेशन लायब्ररी निवडा
  • कोणताही वेब प्रोजेक्ट मोबाईल मध्ये सहज रूपांतरित करा
  • रिअ‍ॅक्ट नेटिव्ह अॅप्स विकसित करण्याचा हेतू
  • विविध सॉफ्टवेअर आणि स्क्रीन आकारांवर कार्य करण्यासाठी आपले सॉफ्टवेअर स्केल करणे

वर्षे निघून गेली आणि रिअ‍ॅक्ट नेटिव्ह टॅलेंटना जास्त मागणी होती. मला काहीतरी नवीन शिकून बराच वेळ झाला असल्याने मला वाटले की त्याला शॉट का देऊ नये?

प्रतिक्रिया नेटिव्हसह प्रारंभ करण्यासाठी आवश्यक साधने स्थापित करा

व्हिज्युअल स्टुडिओ कोड सेट करा (किंवा तुमचा पसंतीचा कोड संपादक)

Windows साठी Android Studio डाउनलोड आणि स्थापित करा. डीफॉल्टनुसार, Android Studio सर्वात अलीकडील Android SDK स्थापित करतो. रिअ‍ॅक्ट नेटिव्हसाठी Android SDK 6.0 (Marshmallow) किंवा नंतर आवश्यक आहे. आम्ही शिफारस करतो की आपण सर्वात अलीकडील SDK वापरा.

जावा SDK आणि Android SDK साठी खालील पर्यावरण व्हेरिएबल्स बनवा:

लॉन्च करण्यासाठी विंडोज सर्च बारमध्ये "सिस्टम पर्यावरण व्हेरिएबल्स संपादित करा" प्रविष्ट करा सिस्टम गुणधर्म विंडो.

निवडा पर्यावरण वेरिएबल्स…, मग नवीन… अंतर्गत वापरकर्ता व्हेरिएबल्स.

व्हेरिएबल नाव आणि मूल्य (पथ) भरा. जावा आणि अँड्रॉइड एसडीके साठी डीफॉल्ट डिरेक्टरी खालीलप्रमाणे आहेत. आपण निर्दिष्ट ठिकाणी जावा आणि अँड्रॉइड एसडीके स्थापित करण्याचा निर्णय घेतल्यास, व्हेरिएबल पथ योग्यरित्या संपादित करण्याचे सुनिश्चित करा.

JAVA_HOME: C: \ Program Files \ Android \ Android Studio \ jre \ jre

ANDROID_HOME: C: \ Users \ username \ AppData \ Local \ Android \ Sdk

विंडोजसाठी नोडजेएस डाउनलोड आणि स्थापित करा. जर तुम्ही विविध प्रकल्प आणि NodeJS च्या आवृत्त्यांशी संबंधित असाल, तर तुम्ही Windows साठी नोड आवृत्ती व्यवस्थापक (nvm) वापरण्याचा विचार करावा. नवीन प्रकल्पांसाठी, आम्ही सर्वात अलीकडील LTS आवृत्ती स्थापित करण्याची शिफारस करतो.

एक नवीन प्रतिक्रिया मूळ प्रकल्प बनवा.

नवीन रिअॅक्ट नेटिव्ह प्रोजेक्ट तयार करण्यासाठी, npx, npm सह समाविष्ट केलेले पॅकेज रनर टूल वापरा. विंडोज कमांड प्रॉम्प्ट, पॉवरशेल, विंडोज टर्मिनल किंवा व्हीएस कोडचे इंटिग्रेटेड टर्मिनल (पहा> इंटिग्रेटेड टर्मिनल) वरून.

तसेच वाचा: तुम्ही रिएक्ट नेटिव्ह सेवा कुठे आणि कधी वापरायच्या?

पॉवरशेल कॉपी

npx react-नेटिव्ह इनिट MyReactNativeApp

तुमची नवीन "MyReactNativeApp" निर्देशिका उघडा:

पॉवरशेल कॉपी

सीडी MyReactNativeApp

जर तुम्हाला तुमचा प्रोजेक्ट फिजिकल अँड्रॉइड डिव्हाइसवर चालवायचा असेल तर तुमच्या कॉम्प्युटरला USB कॉर्ड कनेक्ट करा.

जर तुम्हाला तुमचा प्रोजेक्ट अँड्रॉइड एमुलेटरवर चालवायचा असेल, तर तुम्हाला काहीही करण्याची गरज नाही कारण अँड्रॉइड स्टुडिओ अंगभूत एमुलेटरसह येतो. आपण आपले सॉफ्टवेअर एखाद्या विशिष्ट डिव्हाइसच्या एमुलेटरवर कार्यान्वित करू इच्छित असल्यास. टूलबारमध्ये, AVD व्यवस्थापक बटण निवडा.

आपला प्रकल्प सुरू करण्यासाठी खालील आदेश प्रविष्ट करा. हे नवीन कन्सोल विंडोमध्ये नोड मेट्रो बंडलर लाँच करेल.

पॉवरशेल कॉपी

npx react-नेटिव्ह रन-एंड्रॉइड

पॉवरशेल कॉपी

C: \ वापरकर्ते \ [वापरकर्ता नाव] \ AppData \ Local \ Android \ Sdk \ tools \ bin \ sdkmanager – licenses

अॅपमध्ये बदल करण्यासाठी, तुमच्या पसंतीच्या IDE मध्ये My React Native App प्रोजेक्ट डिरेक्टरी एंटर करा. आम्ही व्हिज्युअल स्टुडिओ कोड किंवा अँड्रॉइड स्टुडिओला प्राधान्य देतो.

प्रतिक्रिया-मूळ init प्रोजेक्ट टेम्पलेटमध्ये App.js नावाचे प्राथमिक पृष्ठ समाविष्ट आहे. हे पृष्ठ संबंधित दुव्यांच्या भरपूर प्रमाणात असलेल्या पूर्व-पॉप्युलेटेड आहे मूळ विकासावर प्रतिक्रिया द्या संसाधने मजकुरासह पहिला मजकूर घटक भरा, जसे की "हॅलो वर्ल्ड!" स्ट्रिंग खाली दिसत आहे.

जावास्क्रिप्ट कॉपी

  सुधारणे App.js ही स्क्रीन बदलण्यासाठी, आणि नंतर तुमचे बदल तपासण्यासाठी परत या.

"हॅलो वर्ल्ड!"

तुम्ही केलेले बदल पाहण्यासाठी, अॅप रीलोड करा. यासाठी विविध पध्दती आहेत.

मेट्रो बंडलर कन्सोल विंडोमध्ये "आर" प्रविष्ट करा.

अँड्रॉइड डिव्हाइस एमुलेटरमध्ये आपल्या कीबोर्डवर “आर” वर दोनदा टॅप करा.

रिअॅक्ट नेटिव्ह डीबग मेनू आणण्यासाठी डिव्हाइस हलवा आणि हार्डवेअर Android डिव्हाइसवर 'रीलोड' निवडा.

रिअ‍ॅक्ट नेटिव्हचे फायदे येथे आहेत Android अनुप्रयोग विकास:

  • जाणून घेण्यासाठी सोपे
  • सतत सुधारणा
  • ग्रंथालयांची प्रचंड संख्या
  • सक्रियपणे वाढणारा समुदाय
  • दोन्ही प्लॅटफॉर्मसाठी मूळ घटक
  • IOS साठी तयार करण्यासाठी एक्स्पो मॅक असण्याची गरज दूर करते.
  • लाइव्ह आणि हॉट रीलोडिंगसह यापुढे अमर्याद बांधकामाचा वेळ असणार नाही.
  • प्लॅटफॉर्म अनुभवांशी जुळण्यासाठी आवश्यक असलेल्या लहान बदलांसह, Android आणि iOS अॅप्समध्ये एक कोड-बेस सामायिक केला आहे.
  • श्रम संसाधनांमध्ये घट तर काही Android/iOS नेटिव्ह डेव्हलपमेंट अजूनही आवश्यक असू शकते, ते दुर्मिळ असेल.

अंतिम विचार:

रिअ‍ॅक्ट नेटिव्ह हे मोबाईल applicationsप्लिकेशनसाठी सर्वात मोठे क्रॉस-प्लॅटफॉर्म फ्रेमवर्क का आहे याचे मुख्य कारण म्हणजे त्याचे उत्कृष्ट UI रेंडरिंग. मूळ विकासकांना भाड्याने द्या अँड्रॉइड आणि आयओएस दोन्ही डिव्हाइसेससाठी रिअ‍ॅक्ट नेटिव्ह मोबाईल अॅप डेव्हलपमेंट सेवा प्रदान करणे.

इन्स्टाग्रामवर आमचे अनुसरण करा (iquuniquenewsonline) विनामूल्य नियमित बातम्या अद्यतने मिळविण्यासाठी

संबंधित लेख

परत शीर्षस्थानी बटण