2020 में फ्रंट-एंड डेवलपमेंट के लिए टॉप 5 जेएस फ्रेमवर्क। भाग २

हम वेब परियोजनाओं के क्लाइंट-साइड भागों को विकसित करने के लिए पांच सर्वश्रेष्ठ जावास्क्रिप्ट टूल को समर्पित सामग्री के अनुवाद के दूसरे भाग को प्रकाशित कर रहे हैं। पहला भाग रिएक्ट लाइब्रेरी और कोणीय ढांचे से निपटा। यहाँ हम Vue, Ember और Backbone की चर्चा करते हैं।

3. वीयू

Vue के पीछे के विचार Angular और React से आते हैं, लेकिन Vue कई मायनों में, इन दो फ्रंट-एंड डेवलपमेंट टूल्स से बेहतर है। इस वर्ष Vue को 40 मिलियन से अधिक बार डाउनलोड किया गया है। हाल ही में Snyk JavaScript Frameworks सुरक्षा रिपोर्ट जारी की गई है। यह मुख्य रूप से रिएक्ट और एंगुलर की सुरक्षा पर शोध करने के उद्देश्य से है, लेकिन अन्य परियोजनाओं का अध्ययन करने के लिए इसमें एक जगह थी। Vue से, इस रिपोर्ट से आप यह पता लगा सकते हैं कि इसकी तात्कालिक कमजोरियों में से केवल 4 के बारे में क्या ज्ञात है जो तय की गई हैं।

यदि आप Vue से अपरिचित हैं, तो इस ढांचे के बारे में कुछ महत्वपूर्ण तथ्य हैं।

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

Vue, जो इसे Angular के समान बनाता है, आपको HTML मार्कअप और जावास्क्रिप्ट कोड को मिलाने की अनुमति देता है। एक टेम्पलेट में घटक डेटा को एकीकृत करने के लिए, आपको Vue निर्देशों का उपयोग करने की आवश्यकता है। जैसे v-bind या v-if

कारणों में से एक Vue को रिएक्ट के लिए एक योग्य विकल्प माना जाना चाहिए क्योंकि आवेदन की स्थिति यहां कैसे व्यवस्थित है। प्रतिक्रिया परियोजनाओं में, प्रतिक्रिया + Redux बंडल का उपयोग करते समय, जैसा कि अनुप्रयोग आकार में बढ़ता है, इसके राज्य को प्रबंधित करने के लिए आवश्यक प्रक्रियाएं अधिक जटिल हैं। यह इस तथ्य से कम हो सकता है कि प्रोग्रामर को स्वयं आवेदन पर काम करने के बजाय, Redux तंत्र स्थापित करने में बहुत समय बिताना होगा। राज्य का प्रबंधन करने के लिए Vue Vuex लाइब्रेरी का उपयोग करता है। यह फ्लक्स के समान है और विशेष रूप से Vue के लिए बनाया गया है। इसके साथ काम करना Redux की तुलना में बहुत अधिक सुविधाजनक है।

यदि आप Vue और Angular के बीच कोई विकल्प बनाने की कोशिश कर रहे हैं, तो आप Vue को पसंद करने वाले कारणों को इस तथ्य से कम कर सकते हैं कि Vue के साथ तुलना में Angular, ओवरकम्प्लीटेड बड़े पैमाने पर प्रोजेक्ट की तरह दिखता है, जिसकी प्रकृति डेवलपर को सीमित करने की इच्छा है। Vue, Angular की तुलना में बहुत सरल है और प्रोग्रामर्स को इतना सीमित नहीं करता है।
Angular and React पर Vue का एक और फायदा यह है कि इस फ्रेमवर्क के साथ काम करने के लिए आपको कोई नई भाषा नहीं सीखनी पड़ेगी।

Ec वायु पारिस्थितिकी तंत्र के तत्व

आइए हम पारिस्थितिक तंत्र का एक संक्षिप्त विवरण देते हैं जिसमें एक व्यक्ति चुनता है जो Vue गिरता है:

• Vue अनुप्रयोगों की स्थिति को नियंत्रित करने के लिए, Vuex लाइब्रेरी का उपयोग किया जाता है, जो फ्लक्स से संबंधित अवधारणाओं पर आधारित है।
• Chrome और Firefox के लिए डेवलपर टूल हैं जो Vue प्रोजेक्ट्स को आसान बनाते हैं।
• Vue ecosystem में webpack के लिए एक vue-loader है, जिससे आप Vue घटकों को सिंगल-फाइल घटकों के रूप में उपयोग कर सकते हैं।
• सर्वर API के साथ काम करने के लिए, आप vue-resource HTTP क्लाइंट और Axios लाइब्रेरी का उपयोग कर सकते हैं।
• Vue Nuxt.js ढांचे का समर्थन करता है, जिसमें सर्वर पर प्रदान किए जाने वाले अनुप्रयोगों का समर्थन शामिल है। Nuxt.js को एंगुलर यूनिवर्सल का प्रतियोगी माना जा सकता है।
• आप वी-आधारित मोबाइल एप्लिकेशन विकसित करने के लिए वेक्स लाइब्रेरी का उपयोग कर सकते हैं।

Vue एक महान ढांचा है जो प्रयोज्य के मामले में दूसरों से आगे निकल जाता है। शायद मैं स्वयं निकट भविष्य में Vue में बदल जाऊंगा। यह ढांचा प्रतिक्रिया और कोणीय के रूप में जटिल नहीं है, और विभिन्न आकारों के अनुप्रयोगों के विकास के लिए भी अच्छी तरह से अनुकूल है।

4. अंगारा

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

एम्बर में एक बल्कि परिष्कृत वास्तुकला है जो आपको जल्दी से विशाल ग्राहक एप्लिकेशन बनाने की अनुमति देता है। यह विशिष्ट MVC विचारों को लागू करता है। एम्बर एप्लिकेशन एडेप्टर, घटकों, नियंत्रकों, सहायक वस्तुओं, मॉडल, मार्गों, सेवाओं, टेम्पलेट्स, उपयोगिताओं, ऐड-ऑन से निर्मित होते हैं।

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

▍Ember पारिस्थितिक तंत्र तत्व

एम्बर का उपयोग करने वाले सामने वाले डेवलपर ने अपने निपटान में निम्नलिखित प्रमुख विशेषताएं हैं:

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

शायद एम्बर को एक अंडररेटेड फ्रेमवर्क कहा जा सकता है, लेकिन इसके बावजूद, यह जटिल वेब प्रोजेक्ट बनाने के लिए बहुत अच्छा है।

5. बैकबोन.जेएस

बैकबोन एक जावास्क्रिप्ट ढांचा है जो एमवीसी के समान वास्तुकला पर आधारित है। मान लीजिए कि MVC को बैकबोन में "कंट्रोलर" कहा जाता है, जिसे "व्यू" कहा जाता है। बैकबोन विचार विभिन्न टेम्प्लेटिंग सिस्टम का उपयोग कर सकते हैं। उदाहरण के लिए - मूंछें, हैंडलबार, jQuery-tmpl। बैकबोन परियोजनाओं में, आप तीसरे पक्ष के पुस्तकालयों का उपयोग कर सकते हैं। यह ध्यान दिया जाना चाहिए कि एकमात्र हार्ड बैकबोन निर्भरता अंडरस्कोर है। जेएस लाइब्रेरी।

बैकबोन एक आसानी से उपयोग होने वाला ढांचा है जो आपको सिंगल-पेज एप्लिकेशन को जल्दी से विकसित करने की अनुमति देता है। Backbone.js के साथ संयोजन के रूप में उपयोग किए जाने वाले सहायक उपकरणों में, हम चैपलिन, मैरियोनेट, थोरैक्स जैसे उल्लेख कर सकते हैं।

यदि आपको एक एप्लिकेशन विकसित करने की आवश्यकता है जिसके साथ विभिन्न समूहों से संबंधित उपयोगकर्ता काम करेंगे, तो आप अलग-अलग मॉडल के लिए बैकबोन संग्रह (सरणियाँ) का उपयोग कर सकते हैं। बैकबोन मॉडल, संग्रह, मार्ग और दृश्य में, आप घटनाओं का उपयोग कर सकते हैं।

▍ बैकबोन इकोसिस्टम तत्व

बैकबोन पारिस्थितिकी तंत्र की विशेषताओं में निम्नलिखित हैं:

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

शायद बैकबोन को इस सामग्री में चर्चा किए गए अन्य फ्रंट-एंड डेवलपमेंट टूल्स के लिए एक गंभीर प्रतियोगी नहीं कहा जा सकता है। हालांकि, यह ढांचा डेवलपर्स के बीच बहुत लोकप्रिय है। इसलिए, यह अच्छी तरह से पता लगा सकता है कि बैकबोन ठीक वही है जो आपको चाहिए।

परिणाम

इस लेख ने वेब फ्रेमवर्क का एक संक्षिप्त अवलोकन प्रदान किया, जिसे ValueCoders के डेवलपर्स के बीच किए गए सर्वेक्षण के अनुसार सर्वश्रेष्ठ माना गया । हमें उम्मीद है कि यह समीक्षा उन लोगों के लिए सही विकल्प बनाने में मदद करेगी जो अपने अगले वेब प्रोजेक्ट के लिए एक रूपरेखा चुनने में व्यस्त हैं।

प्रिय पाठकों! आप फ्रंट एंड वेब प्रोजेक्ट्स पर क्या लिखते हैं?