2020 में चुनना बेहतर है - रिएक्ट या वीयू?

जावास्क्रिप्ट फ्रेमवर्क हर आधुनिक वेब परियोजना का एक अभिन्न अंग बन गया है। ऐसे कई फ्रेमवर्क हैं, परिणामस्वरूप, डेवलपर्स को लगातार आश्चर्य होता है कि क्या चुनना है। इस सवाल का जवाब खोजने के लिए 2020 में करना होगा।


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

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

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

लोकप्रियता

जावास्क्रिप्ट दुनिया में, लगभग हर दिन नए ढांचे और पुस्तकालय दिखाई देते हैं। वास्तव में, यह लगभग निरंतर प्रक्रिया है, जिसके दौरान पसंदीदा हर कुछ महीनों में बदल जाता है।

2019 डेटा पर एक नज़र डालें और पता करें - जो अधिक लोकप्रिय है - रिएक्ट या वीयू।

Google रुझान की जानकारी यहाँ दी गई है। यहाँ कुछ ग्राफ रिएक्ट, वीयू और एंगुलर की लोकप्रियता को दर्शाते हैं। यह देखना आसान है कि रिएक्ट वीयू से काफी आगे है।


रिएक्ट, Vue और कोणीय की लोकप्रियता

अब स्टैक ओवरफ्लो अध्ययन के परिणामों की ओर मुड़ते हैं। डेवलपर्स की तरह चौखटे की सूची में रिएक्ट सबसे ऊपर है। और Vue केवल थोड़ा पीछे है। Vue, 2014 में रिलीज़ होने के बाद से, काफी कम समय में काफी लोकप्रियता हासिल कर चुकी है।


स्टैक ओवरफ्लो अध्ययन के परिणाम

कहानी

आइए प्रतिक्रिया और Vue के इतिहास और पृष्ठभूमि के बारे में बात करते हैं।

▍Vue

यह JS फ्रेमवर्क 2014 में Google के पूर्व कर्मचारी इवान यू द्वारा बनाया गया था। Vue के पीछे कोई टेक दिग्गज नहीं हैं। Vue (2.6.10) की सबसे हालिया रिलीज़ 20 मार्च 2019 को रिलीज़ हुई थी।

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

▍React

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

रिएक्ट लाइब्रेरी को गतिशील और इंटरैक्टिव उपयोगकर्ता इंटरफेस बनाने के लिए एक शक्तिशाली उपकरण के रूप में जाना जाता है। 6 मई, 2019 को रिएक्ट का नवीनतम संस्करण (16.8.6) जारी किया गया। इस लाइब्रेरी का इस्तेमाल कई नामी कंपनियों में इंटरफेस विकसित करने के लिए किया जाता है। इनमें - बीबीसी, इंस्टाग्राम, व्हाट्सएप।

उत्पादकता

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


वर्चुअल डोम और रियल डोम

▍React

रिएक्ट एक आभासी डोम, एक हल्के, ब्राउज़र-स्वतंत्र प्रणाली का उपयोग करता है। रिएक्ट की लोकप्रियता का एक मुख्य कारण यह है कि यह पुस्तकालय डोम के साथ बहुत कुशलता से काम करता है।

▍Vue

Vue भी एक आभासी DOM का उपयोग करता है, लेकिन, React की तुलना में, Vue में उच्च प्रदर्शन और स्थिरता है।

समुदाय का समर्थन

प्रौद्योगिकियों के आसपास बनने वाले समुदाय गंभीरता से उनके विकास और प्रसार को प्रभावित करते हैं। विशेष रूप से, समुदाय के सदस्य मुख्य प्रौद्योगिकी डेवलपर्स की मदद करने में सक्षम हैं, वे विभिन्न ऐड-ऑन बनाते हैं, वे शुरुआती लोगों की मदद करते हैं।

▍React

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

▍Vue

Vue एक परियोजना है जिसका मूल एक साधारण व्यक्ति है, न कि एक बड़ा निगम। नतीजतन, इस ढांचे की उपस्थिति के बाद पहली बार, यह डेवलपर्स की नजर में विशेष रूप से विश्वसनीय नहीं लगा। हालांकि, कुछ समय बाद Vue बेहद लोकप्रिय हो गया है, कई प्रोग्रामर इसके विकास में योगदान करते हैं। वास्तव में, हम यह कह सकते हैं कि यह Vue Developers का समुदाय है जो परियोजना का समर्थन करने वाला बल है।

आकार

यदि हम मानते हैं कि आकार का मुद्दा बहुत सरल है, तो हम कह सकते हैं कि रिएक्ट Vue से थोड़ा बड़ा है। React का आकार लगभग 100 Kb है, Vue का आकार लगभग 80 Kb है। जेएस कोड आकार एक बहुत ही महत्वपूर्ण संकेतक है जिसका वेब परियोजनाओं के प्रदर्शन पर एक मजबूत प्रभाव पड़ता है। यह छोटा है, बेहतर है, निश्चित रूप से।

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

उपयोग के उदाहरण

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

▍React

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

▍Vue

• GitLab एक प्रोजेक्ट है जो डेवलपर्स को सहयोगात्मक रूप से प्रोग्राम बनाने में मदद करता है।
• 9Gag एक परियोजना है जो मेम और इसी तरह की अन्य सामग्रियों के लिए जानी जाती है।
• निन्टेंडो एक गेम डेवलपर है।
• व्याकरण एक व्याकरण जाँच सेवा है।

सीखने की अवस्था

लर्निंग कर्व एक विशेष ज्ञान या गतिविधि के प्रकार सीखने की गति में परिवर्तन का चित्रमय प्रतिनिधित्व है। हमारे मामले में, हम प्रतिक्रिया और विकास के विकास की गति के बारे में बात कर रहे हैं। Vue को React की तुलना में सीखना आसान माना जाता है।

स्टेटऑफजेएस अध्ययन का संचालन करते समय, उत्तरदाताओं को फ्रेमवर्क के बारे में विभिन्न सवालों के जवाब देने के लिए कहा गया था। नीचे रिएक्ट, Vue, और कोणीय के लिए सर्वेक्षण के परिणाम हैं।


प्रतिक्रिया, वीयू, और कोणीय सर्वेक्षण परिणाम

यह आरेख के टुकड़ों के रंग को उजागर करने का अर्थ है।


सवालों के जवाबों का कलर कोडिंग। ऊपर से नीचे तक: "मैंने ऐसा कभी नहीं सुना", "मैंने सुना, लेकिन यह मेरे लिए दिलचस्प नहीं है", "मैंने सुना है, मैं इसका अध्ययन करना चाहूंगा", "मैंने इसका इस्तेमाल किया, मैंने इसे फिर से उपयोग नहीं किया", "मैंने इसका इस्तेमाल किया, मैं इसे फिर से उपयोग करूंगा"।

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

लचीलापन

▍React

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

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

▍Vue

Vue, React के विपरीत, डेवलपर को मानक टूल के अधिक व्यापक सेट के साथ प्रदान करता है जो उन्हीं समस्याओं को हल कर सकते हैं जो आमतौर पर तीसरे पक्ष के पुस्तकालयों का उपयोग करके रिएक्ट इकोसिस्टम में हल की जाती हैं।

▍ परिणाम

यदि हम सब कुछ एक साथ रखते हैं, जिसके बारे में हमने अभी बात की है, तो हम निम्नलिखित निष्कर्ष निकाल सकते हैं:

• रिएक्ट Vue से अधिक लोकप्रिय है।
• रिएक्ट को एक बड़ी कंपनी का समर्थन प्राप्त है, जबकि Vue नहीं करता है।
• रिएक्टर डेवलपर को उच्च स्तर का लचीलापन देता है।
• Vue का आकार React size से छोटा होता है।

हम आशा करते हैं कि आज आप जो पढ़ते हैं, वह आपके रिएक्ट और व्यू के ज्ञान का विस्तार करेगा और आपको सही चुनाव करने में मदद करेगा।

प्रिय पाठकों! यदि आप हाल ही में अपने अगले वेब प्रोजेक्ट के लिए एक फ्रेमवर्क के चयन में शामिल हुए हैं, तो कृपया हमें बताएं कि आपने क्या चुना और क्यों।