कोणीय बनाम V.js- एक आसान तुलना गाइड

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

  1. गूगल का कोणीय
  2. फेसबुक की प्रतिक्रिया
  3. Vue.js

इनमें से प्रत्येक अपनी ताकत और कमजोरियों के अपने सेट के साथ आता है। मुझे अपनी अगली परियोजना के लिए क्या उपयोग करना चाहिए, क्या यह प्रतिक्रिया या कोणीय या Vue.js होना चाहिए यह एक बहुत ही सामान्य प्रश्न है जो हर फ्रंट-एंड प्रोग्रामर के दिमाग में तरकश करता है।

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

इन दोनों के पेशेवरों और विपक्षों पर बहस शुरू करने से पहले, आइए Vue और Angular के कुछ इतिहास को देखें।

कोणीय

कोणीय एक टाइपस्क्रिप्ट-आधारित जावास्क्रिप्ट फ्रेमवर्क है। Google द्वारा विकसित और अनुरक्षित, Angular फिर से लिखा गया है, AngularJS का एक असंगत उत्तराधिकारी है। जबकि AngularJS को शुरू में अक्टूबर 2010 में रिलीज़ किया गया था, और Angular को सितंबर 2016 में संस्करण 2 के रूप में पेश किया गया था।

वेब फ्रंट-एंड डेवलपमेंट में कोणीय का उपयोग करने के कई फायदे हैं -

  • यह सभी MVC है

मॉडल व्यू कंट्रोलर या एमवीसी के पीछे मुख्य विचार किसी एप्लिकेशन को 3 प्रमुख लॉजिकल कंपोनेंट्स में अलग करना है। उपयोगकर्ता इंटरफ़ेस परत से एप्लिकेशन लॉजिक को अलग करने के लिए मॉडल, दृश्य और नियंत्रक।

  • आउट-ऑफ-द-बॉक्स टाइपस्क्रिप्ट समर्थन करते हैं

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

  • Google के स्वामित्व में है

तकनीकी दिग्गज Google द्वारा समर्थित है। हर छह महीने के बाद कोणीय नया संस्करण देता है।

  • निर्भरता इंजेक्शन

AngularJS एक अंतर्निहित निर्भरता इंजेक्शन सबसिस्टम के साथ आता है जो इकाई परीक्षण की प्रक्रिया को सरल करता है।

Vue

Vue भी एक जावास्क्रिप्ट ढांचा है जिसे पहली बार फरवरी 2014 में एक पूर्व-Google-कर्मचारी इवान यू द्वारा जारी किया गया था। Vue सबसे तेजी से बढ़ने वाला JS फ्रेमवर्क है, खासकर किसी बड़ी कंपनी के समर्थन के बिना। Vue को React और Angular दोनों में से अधिकांश अच्छी चीजें विरासत में मिली हैं और इसलिए कुछ तकनीकी विशेषज्ञ इसे Angular और React का अनौपचारिक बच्चा मानते हैं।

वेब फ्रंट-एंड डेवलपमेंट में Vue का उपयोग करने के कई फायदे हैं -

  • यह छोटे आकार का है

इस ढांचे का आकार 18–21KB है और उपयोगकर्ता को इसे डाउनलोड करने और उपयोग करने में समय नहीं लगता है। इसका मतलब यह नहीं है कि इसके प्रदर्शन से समझौता किया गया है- वास्तव में, यह React.js, Angular.js, और Ember.js जैसे सभी भारी ढांचे को हरा देता है।

  • यह अपेक्षाकृत आसान है

निजी तौर पर, मैं Vue का बहुत बड़ा प्रशंसक हूं। यह सीखना बहुत आसान है- वास्तव में, मैं दो सप्ताह से भी कम समय में वीयू को दैनिक विकास कार्यों में सीखने और अनुकूलित करने में सक्षम था।

  • Vue का प्रलेखन सराहनीय है

भले ही यह Google या FB जैसे बहु-अरब डॉलर के संगठनों द्वारा समर्थित नहीं है, लेकिन यह अभी भी बहुत कम समय में विकसित करने में कामयाब रहा है और यह सुनिश्चित किया है कि अपडेट उतने जटिल नहीं हैं जितना कि कुछ के साथ हुआ है अन्य बाजार के प्रमुख नामों में।

  • लचीलेपन का एक बड़ा सौदा प्रदान करता है

यह अपने उपयोगकर्ताओं को वर्चुअल नोड्स का उपयोग करके जावास्क्रिप्ट फ़ाइल, HTML फ़ाइल और शुद्ध जावास्क्रिप्ट फ़ाइल में अपने टेम्पलेट को लिखने का अधिकार देता है। यह लचीलापन रिएक्ट, एंगुलर या किसी अन्य जेएस डेवलपर्स के लिए समझने में भी असम्भव बनाता है।

तुलना

यहां कुछ प्रमुख पैरामीटर दिए गए हैं जिनके आधार पर हम कोणीय और Vue चौखटे की तुलना करते हैं-

  • ये ढांचे कितने परिपक्व हैं?
  • वे अनुप्रयोगों के विभिन्न आकार के साथ कितने संगत हैं?
  • इनमें से प्रत्येक चौखटे के लिए सीखने की अवस्था के बारे में क्या है?
  • ये फ्रेमवर्क कितने डेवलपर / विकास के अनुकूल हैं?
  • आप आवेदन से किस तरह के प्रदर्शन की उम्मीद करते हैं?
  • आप चुने गए ढांचे के साथ अपने आवेदन को कैसे संरचित कर सकते हैं?
  • क्या यह रूपरेखा आपके प्रोजेक्ट स्केलेबिलिटी को पूरा करने की संभावना है?

रेडी स्टेडी गो!

1. समुदाय और लोकप्रियता

निश्चित रूप से बड़ी कंपनियों के बीच कोणीय अधिक लोकप्रिय है। इसमें एक बड़ा समुदाय और Google का समर्थन है।

Vue भी जल्दी से बढ़ रहा है और हाल के वर्षों में डेवलपर्स से बहुत अधिक कर्षण प्राप्त किया है।

यह एक छोटा समुदाय है और इसके पास कोई बड़ी कंपनी नहीं है

आंकड़ों की बात कर रहे हैं-

गितुब पर, एंगुलर में> 41,000 सितारे और 730 योगदानकर्ता हैं, और Vue में लगभग 114,000 सितारे और केवल 193 योगदानकर्ता हैं।

गितुब स्टार्स पर, एंगुलर, रिएक्ट और वीयू के लिए इतिहास, एक बार फिर, वीयू बहुत अच्छी तरह से चलन में है। Bestof.js के अनुसार, एंगुलर को औसतन 37 तारे, और प्रतिदिन 135 तारे मिल रहे हैं।

स्रोत: मध्यम

2. सिंटेक्स और कॉडेलोन्ग्राफी

दोनों रूपरेखाओं पर काम करते समय, मैंने देखा है कि कोणीय अधिक जटिल वाक्यविन्यास का उपयोग करता है जबकि Vue वाक्य रचना के संदर्भ में अपनी सरलता के कारण सीखना आसान है। अंगुलियों में साधारण चीजें करने के लिए मैंने जितना समय लिया है वह अधिक है। कभी-कभी इसकी जटिलता अक्सर भ्रम की ओर ले जाती है।

वाक्यविन्यास की अपनी सरल प्रकृति के कारण Vue सीखना आसान है। यहां, सिंटैक्स साफ और स्वच्छ है। और जावास्क्रिप्ट की पृष्ठभूमि से आते हुए, मेरे लिए Vue सीखना काफी आसान है। क्योंकि कोणीय टाइपस्क्रिप्ट (सज्जाकार और इंजेक्टर का उपयोग) का उपयोग करता है, इसलिए किसी को टाइपस्क्रिप्ट का मूल ज्ञान होना चाहिए या ओओपीएस अवधारणा पर काम करना चाहिए।

3. संरचना

कोणीय अधिक संरचित और विस्तृत है। यह डेवलपर को मानक तरीके से सब कुछ करने के लिए मजबूर करता है। मुख्य रूप से बड़ी उद्यम परियोजनाएं अपने पूर्वनिर्धारित ढांचे के कारण एंगुलर पर निर्भर करती हैं जो यह सुनिश्चित करता है कि हर डेवलपर एक ही वास्तुकला का अनुसरण करे।

Vue अधिक लचीला है और यह डेवलपर को उस प्रोजेक्ट को संरचना करने की अनुमति देता है जिस तरह से आप चाहते हैं। यह उपयोगकर्ता को HTML फ़ाइल या जावास्क्रिप्ट फ़ाइल में अपना टेम्पलेट लिखने की अनुमति देता है। यदि आपकी व्यक्तिगत पसंद टाइपस्क्रिप्ट और OOPS है तो आप कोणीय का उपयोग कर सकते हैं। इसके अलावा, Vue परियोजना के विकास के लिए टाइपस्क्रिप्ट भी प्रदान करता है लेकिन इसमें कई पुस्तकालय नहीं हैं।

4. कोड स्केलेबिलिटी

जब आप एक बड़े पैमाने पर कोडबेस होने जा रहे हैं, तो कोणीय कोड स्केलेबिलिटी के मामले में अच्छा है क्योंकि एक पूर्ण ढांचे वाला होने के नाते यह डेवलपर को एक विशिष्ट कोड संरचना में कोड विकसित करने के लिए बाध्य करता है।

दूसरी ओर, Vue.js में सर्वश्रेष्ठ स्केलिंग प्रथाओं की सूची का अभाव है। Vue.js से उपयोगकर्ताओं के लिए कोई विशिष्ट एप्लिकेशन संरचना लागू नहीं की गई है जिसका अनुसरण करना बहुत महत्वपूर्ण है जब आपके पास एक बड़ा कोड आधार हो।

5. अंतर्निहित पुस्तकालय

चूंकि Vue नया है, इसलिए इसमें फ्रेमवर्क-विशिष्ट लाइब्रेरीज़ कम हैं, इसलिए आपको अधिकांश थर्ड पार्टी लाइब्रेरीज़ को स्पष्ट रूप से शामिल करना होगा।

कोणीय में बहुत सारे फ्रेमवर्क-विशिष्ट पुस्तकालय हैं और अधिकांश पुस्तकालय पहले से ही कोणीय-सीएलआई परियोजना में शामिल हैं।

उदाहरण के लिए- RxJS जैसी लाइब्रेरी को Angular CLI प्रोजेक्ट्स में इनबिल्ट किया गया है, लेकिन Vue में, आपको इसे काम करने के लिए RxJS सहित अन्य लाइब्रेरीज़ को स्पष्ट रूप से इंस्टॉल करना होगा।

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

6. प्रदर्शन

एंगुलर की तुलना में वर्चुअल-डोम कांसेप्ट का उपयोग Vue को अधिक प्रदर्शनशील बनाता है।

दूसरी ओर, कोणीय डेटा रेंडरिंग के लिए वॉचर्स का उपयोग करता है।

वर्चुअल डोम के साथ शुरू करते हैं। मान लें, कि आपके पास n पंक्तियों की गतिशील तालिका है।

अब, पहली पंक्ति में कुछ बदलता है। सबसे अधिक रूपरेखा क्या है और पूरी सूची को फिर से प्रस्तुत करना है। यह पहले से आवश्यक है, क्योंकि हमें केवल पहली पंक्ति को अपडेट करने की आवश्यकता है।

इस स्थिति में वर्चुअल DOM क्या करेगा, इस पर एक नज़र न डालें।

किसी भी अपडेशन से पहले, यह DOM की कॉपी बनाता है और इस कॉपी के साथ काम करता है। जब वर्चुअल डोम को अपडेट किया गया है, तो यह पुराने संस्करण के साथ उसी की तुलना करता है जिसे अपडेट से पहले कैप्चर किया गया है और उन तत्वों को ढूंढता है जिन्हें अपडेट किया जाना चाहिए। अंतर की जांच करने के बाद, वास्तविक डोम में केवल उन हिस्सों को अपडेट किया जाता है जो बदले जाते हैं।

7. वेब से परे

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

लेकिन उनमें से कोई भी मोबाइल फ्रेमवर्क उन्हें रिएक्ट नेटिव के प्रदर्शन तक पहुंचने की अनुमति नहीं देता है।

सारांश

Vue.js फ्रेमवर्क सीखने में बहुत हल्का और आसान है जो आपको आश्चर्यजनक एप्लिकेशन को अपना रास्ता बनाने की अनुमति देता है। यह डेवलपर्स के बीच Angular (Google द्वारा अनुरक्षित) जितना प्रसिद्ध नहीं है, लेकिन निश्चित रूप से परिवर्तन की प्रमुख लहरें पैदा कर रहा है। आप नहीं जानते होंगे, लेकिन लारवेल समुदाय ने भी इसे अपने पसंदीदा फ्रंट-एंड फ्रेमवर्क में से एक माना है। कोणीय एक बहुत विकसित रूपरेखा है और बॉक्स के ठीक बाहर कई उपकरण हैं। आप यह तय कर सकते हैं कि नीचे दिए गए मुख्य बिंदुओं के आधार पर क्या चुनना है-

यदि आप अभी भी निर्णय नहीं ले सकते हैं, तो पहले Vue सीखें, फिर कोणीय।

हम सिस्टैंगो में विशेषज्ञ फ्रंट-एंड और फुल-स्टैक डेवलपर्स के एक सहकर्मी हैं, जो सब कुछ चिकना और तेज डिजाइन करने में माहिर हैं। हम सभी अत्याधुनिक तकनीकों का उपयोग करते हैं, जिसमें प्रतिक्रिया, कोणीय और V..ss शामिल हैं जो शिल्प को सशक्त बनाने और ऑनलाइन अनुभवों को सहज बनाने के लिए हैं।

अपने अगले प्रोजेक्ट पर चर्चा करें- हम आपसे सुनना पसंद करेंगे!

यह लेख मूल रूप से सिस्टैंगो टेक्नोलॉजीज पर प्रकाशित हुआ था।