रिएक्ट नेटिव के लिए 11 लाइब्रेरी (कंपोनेंट सेट) जो आपको 2018 के बारे में जानना चाहिए

वर्ष की शुरुआत में, हमने रिएक्ट , एंगुलर और वु के लिए लोकप्रिय घटक सेटों पर कई सामग्रियों को प्रकाशित किया। आज हम आपके ध्यान में रिएक्ट नेटिव पर उसी श्रृंखला के एक लेख का अनुवाद लाते हैं। रिएक्ट की निरंतर लोकप्रियता को देखते हुए, और यह तथ्य कि मोबाइल एप्लिकेशन और PWA अधिक लोकप्रिय हो रहे हैं, यह आश्चर्यजनक नहीं है कि रिएक्ट नेटिव डेवलपर समुदाय से अधिक से अधिक ध्यान आकर्षित कर रहा है।



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

1. नेटिवबेस

NativeBase रिएक्ट नेटिव के लिए उपयोगकर्ता इंटरफ़ेस घटकों का एक क्रॉस-प्लेटफ़ॉर्म सेट है।


NativeBase

नेटिवबेस की गंभीर लोकप्रियता को इस तथ्य से संकेत मिलता है कि इस परियोजना ने गिटहब पर लगभग 10 हजार सितारे बनाए थे, और इसमें लगभग एक हजार कांटे थे। NativeBase प्रोग्रामर्स के निपटान में दर्जनों क्रॉस-प्लेटफ़ॉर्म घटक डालता है। NativeBase का उपयोग करते समय, आप अतिरिक्त प्रयासों के बिना, किसी भी मूल तीसरे पक्ष के पुस्तकालयों का उपयोग कर सकते हैं, और इस परियोजना के आसपास एक व्यापक पारिस्थितिकी तंत्र है जिसमें बहुत सारी उपयोगी चीजें हैं - विकासशील विषयों के लिए बुनियादी परियोजनाओं को बनाने के लिए उपकरणों से - बाहरी कॉन्फ़िगर करने के लिए सेवा NativeBase घटकों का दृश्य।

2. प्रतिक्रियाशील तत्व

प्रतिक्रियाशील मूल तत्वों के घटकों के क्रॉस-प्लेटफॉर्म सेट ने गिटहब पर लगभग 12 हजार सितारों को एकत्र किया है। इस जावास्क्रिप्ट-पूर्ण सेट से घटक अत्यधिक अनुकूलन योग्य हैं।


देशी तत्वों को प्रतिक्रिया दें

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

3. Shoutem UI टूलकिट

Shoutem इंटरफ़ेस डेवलपमेंट टूलकिट , जिसने GitHub पर लगभग 3,500 सितारों को एकत्र किया है, में तीन भाग हैं। ये उपयोगकर्ता इंटरफ़ेस घटक , थीम और घटक एनिमेशन हैं ।


Shoutem

Shoutem आईओएस और एंड्रॉइड के लिए डिज़ाइन किए गए क्रॉस-प्लेटफ़ॉर्म घटकों के एक सेट के साथ डेवलपर्स प्रदान करता है। सभी घटकों को उनके संयुक्त उपयोग की संभावना को ध्यान में रखते हुए बनाया जाता है। उनकी उपस्थिति को अनुकूलित किया जा सकता है । प्रत्येक घटक में अन्य घटकों की शैली के अनुरूप एक मानक शैली भी होती है। यह जटिल स्टाइल सिस्टम को मैन्युअल रूप से कॉन्फ़िगर करने की आवश्यकता के बिना जटिल घटकों को बनाना संभव बनाता है।

4. यूआई बिल्ली का बच्चा

GitHub पर लगभग 3,000 सितारों का मालिक UI Kitten घटक किट, डेवलपर रिएक्ट मूल-घटकों के निपटान में डालता है जो अत्यधिक अनुकूलन योग्य और पुन: उपयोग के लिए उपयुक्त हैं।


उई बिल्ली का बच्चा

यूआई किटन एक विशिष्ट स्थान पर शैली परिभाषाओं को स्थानांतरित करने के विचार पर आधारित है, जो घटकों के पुन: उपयोग में मदद करता है और उनकी उपस्थिति को अनुकूलित करना आसान बनाता है। घटकों पर लागू विषयों को बदलने में काफी आसान है, जैसा कि वे कहते हैं, मक्खी पर, उन्हें चर के विभिन्न सेट पास करना। यहां एक डेमो प्रोजेक्ट है, जिसके प्रयोग से आप यूके किटन को बेहतर तरीके से जान सकते हैं।

5. प्रतिक्रियाशील मूल सामग्री यूआई

प्रतिक्रिया मूल सामग्री UI परियोजना, जिसमें GitHub पर लगभग 2,000 सितारे हैं, वेब डेवलपर को उपयोगकर्ता इंटरफ़ेस घटकों के एक सेट के साथ प्रदान करता है जो Google के सामग्री डिज़ाइन विचारों को लागू करते हैं और अनुकूलन योग्य हैं। प्रतिक्रियाशील मूल सामग्री UI के साथ काम करते समय, यह विचार करने योग्य है कि यह पुस्तकालय uiTheme नामक एक एकल जेएस ऑब्जेक्ट का उपयोग करता है, जो कि अनुकूलन के अधिकतम स्तर को सुनिश्चित करने के लिए संदर्भ के माध्यम से पारित किया जाता है।


प्रतिक्रियाशील मूल सामग्री यूआई

डिफ़ॉल्ट रूप से, uiTheme ऑब्जेक्ट uiTheme थीम पर आधारित है, जिसे यहां पाया जा सकता है । और यहां उनके उपयोग के उदाहरणों के साथ पुस्तकालय घटकों की एक सूची है।

6. प्रतिक्रियाशील सामग्री किट

हालांकि रिएक्ट नेटिव मैटीरियल किट दिसंबर 2017 में एनपीएम में प्रकाशित किया गया था, गिथब पर लगभग 4 हजार सितारों के साथ घटकों के इस सेट पर ध्यान देने योग्य है।


प्रतिक्रियाशील मूल सामग्री किट

प्रतिक्रियाशील मूल सामग्री किट डेवलपर को सरल और सुविधाजनक उपयोगकर्ता इंटरफ़ेस घटकों और विषयों का संग्रह प्रदान करता है जो Google से Google सामग्री डिज़ाइन अवधारणा को लागू करते हैं। घटकों का यह सेट ध्यान देने योग्य क्यों है? संपूर्ण बिंदु इसकी सरलता है, और यह तथ्य कि इसमें कुछ भी अतिश्योक्तिपूर्ण नहीं है जो एक सूचनात्मक "शोर" बनाता है। हालांकि, यह ध्यान दिया जाना चाहिए कि इस तथ्य के कारण कि यह पुस्तकालय विशेष रूप से सक्रिय रूप से समर्थित नहीं है, इसका उपयोग सावधानी के साथ किया जाना चाहिए।

7. नाचोस यूआई

नाचोस यूआई लाइब्रेरी, जिसमें गीथहब पर लगभग 1,500 सितारे हैं, डेवलपर्स को 30 से अधिक कस्टम घटकों का एक सेट प्रदान करता है, जो कि प्रतिक्रियाशील मूल अनुप्रयोगों के हिस्से के रूप में मोबाइल वातावरण में उनका उपयोग करने के अलावा, प्रतिक्रिया के लिए वेब एप्लिकेशन विकसित करने के लिए भी उपयुक्त हैं- देशी-वेब ।


नाचोस उई

नाचोस यूआई प्रीटीयर, यार्न और जेस्ट परीक्षण का समर्थन करता है। यह अच्छी, अच्छी तरह से लिखी गई लाइब्रेरी सभी दिलचस्प लोगों को दिलचस्प डिजाइन और वैश्विक थीम प्रबंधक प्रदान करती है।

8. रिएक्टिव नेटिव यूआई लाइब्रेरी

रिएक्ट नेटिव यूआई लाइब्रेरी प्रोजेक्ट पर काम Wix पर किया जाता है। यह उपयोगकर्ता इंटरफेस और रिएक्ट नेटिव के लिए एक घटक पुस्तकालय विकसित करने के लिए उपकरणों का एक अति-आधुनिक सेट है। प्रतिक्रिया मूल निवासी UI लाइब्रेरी का समर्थन करता है, बिना अतिरिक्त प्रोग्रामिंग प्रयास, प्रतिक्रिया-मूल-एनिमेटेबल और प्रतिक्रिया-मूल-धुंधला ।



रिएक्टिव नेटिव यूआई लाइब्रेरी

इस लाइब्रेरी में शैलियों का एक सेट शामिल है (उनमें से - रंग, टाइपोग्राफी, छाया, सीमा त्रिज्या और अन्य, जिन्हें संशोधक में अनुवादित किया गया है।

यहां रिएक्ट नेटिव यूआई लाइब्रेरी का उपयोग करके एक उदाहरण दिया गया है।

9. रिएक्टिव नेटिव पेपर

गीथहब पर लगभग 1,500 सितारों के साथ रिएक्ट नेटिव पेपर का क्रॉस-प्लेटफॉर्म घटक पुस्तकालय, Google के सामग्री डिजाइन विचारों का अनुसरण करता है।


देशी पेपर को रियेक्ट करें

घटकों का यह सेट वैश्विक विषयों का समर्थन करता है। यदि आवश्यक हो, तो इस सेट के अप्रयुक्त मॉड्यूल से छुटकारा पाने के लिए, आप बेबल के लिए उपयुक्त प्लगइन का उपयोग कर सकते हैं। यहाँ रिएक्ट नेटिव पेपर का उपयोग करके एक उदाहरण दिया गया है।

10. प्रतिक्रियाशील वेक्टर वेक्टर प्रतीक

रिएक्ट नेटिव वेक्टर आइकन्स प्रोजेक्ट, जो गीथहब पर लगभग 10 हजार सितारों को इकट्ठा किया है, रिएक्ट नेटिव-एप्लिकेशन के लिए कस्टम आइकनों का एक व्यापक संग्रह है , जो विभिन्न प्लेटफार्मों पर उपयोग के लिए उपयुक्त है।


प्रतिक्रियाशील वेक्टर वेक्टर प्रतीक

रिएक्टिव नेटिव वेक्टर आइकॉन के आइकन हजारों एप्लिकेशन में उपयोग किए जाते हैं। यह संभव है कि वे आपके लिए उपयोगी होंगे।

11. टीस

टीशेट लाइब्रेरी, जिसने गीथहब पर लगभग 1300 सितारे एकत्र किए हैं, में शुद्ध जेएस (ईएस 6) में लिखे गए 20 से अधिक घटक शामिल हैं।


teaset

परियोजना समृद्ध प्रलेखन का दावा नहीं कर सकती है, लेकिन इसके घटकों की सादगी, प्रतिक्रियाशील मूल अनुप्रयोगों की बुनियादी जरूरतों और उनकी अच्छी उपस्थिति की सेवा पर केंद्रित है, सुझाव है कि टीसेट कम से कम देखने लायक है।

परिणाम

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

• प्रतिक्रिया-वर्जिन
• सीएलआई प्रज्वलित करें
• हिमपात का एक खंड
• पांजा
• सामग्री देशी प्रतिक्रिया
• iOS 10 iPhone GUI
• देशी कैलेंडर पर प्रतिक्रिया करें
• प्रतिक्रिया देशी-प्रगति
• प्रतिक्रिया देशी-spinkit
• लोटी प्रतिक्रिया देशी
• प्रतिक्रियाशील मूल सामग्री डिजाइन

प्रिय पाठकों! यदि आप रिएक्टिव नेटिव पर आधारित मोबाइल एप्लिकेशन विकसित कर रहे हैं, तो कृपया हमें बताएं कि इसके लिए आपके द्वारा उपयोग किए जाने वाले घटक और सहायक उपकरण कौन से हैं।