कोणीय बनाम प्रतिक्रिया बनाम Vue: 2020 में कौन सा फ्रेमवर्क चुनना है

कोणीय बनाम प्रतिक्रिया बनाम Vue: 2020 में कौन सा फ्रेमवर्क चुनना है

कोणीय बनाम प्रतिक्रिया बनाम Vue: 2020 में कौन सा फ्रेमवर्क चुनना है
СОДЕРЖАНИЕ
02 июня 2020

यह पोस्ट एक व्यापक मार्गदर्शिका है जिस पर शायद आपके लिए सही समाधान है: कोणीय बनाम रिएक्ट बनाम वीयू.


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

यदि आप किसी प्रोजेक्ट पर शुरुआत करने वाले डेवलपर हैं और यह तय नहीं कर सकते हैं कि किस जावास्क्रिप्ट फ्रेमवर्क का उपयोग करना है, तो यह गाइड आपको निर्णय लेने में मदद करेगा.

हम कोणीय, Vue और प्रतिक्रिया के विभिन्न पहलुओं को देखते हैं कि वे आपकी आवश्यकताओं के अनुरूप कैसे हैं। यह पोस्ट न केवल कोणीय बनाम रिएक्ट बनाम Vue पर एक मार्गदर्शिका है, बल्कि सामान्य रूप से फ्रंट-एंड जावास्क्रिप्ट फ्रेमवर्क को जज करने में मदद करने के लिए एक संरचना प्रदान करना है। अगले साल एक नया ढांचा आने की स्थिति में, आपको पता चल जाएगा कि वास्तव में कौन से पैरामीटर देखने हैं!

* इस पोस्ट में, हम मानते हैं कि आपको जावास्क्रिप्ट का बुनियादी ज्ञान है और साथ ही साथ जावास्क्रिप्ट फ्रेमवर्क का भी उपयोग किया है.

कोणीय बनाम रिएक्ट बनाम वीयू

आएँ शुरू करें:

भाग 1: Vue बनाम React बनाम एंगुलर का संक्षिप्त इतिहास

तकनीकी विवरण में जाने से पहले, इन रूपरेखाओं के पीछे के इतिहास के बारे में सबसे पहले बात करते हैं – समय के साथ उनके दर्शन और उनके विकास की बेहतर प्रशंसा करना।.

यह सब कैसे शुरू हुआ ��

कोणीय लोगो

कोणीय, Google द्वारा विकसित, पहली बार 2010 में जारी किया गया था, जिससे यह सबसे पुराना बना। यह एक टाइपस्क्रिप्ट-आधारित जावास्क्रिप्ट फ्रेमवर्क है। 2016 में एंगुलर 2 (और छोड़ने) की रिहाई पर पर्याप्त बदलाव हुआ "जे एस" मूल नाम से – AngularJS)। कोणीय 2+ को केवल कोणीय के रूप में जाना जाता है। हालाँकि AngularJS (संस्करण 1) को अभी भी अपडेट मिलता है, हम Angular पर चर्चा पर ध्यान केंद्रित करेंगे। नवीनतम स्थिर संस्करण एंगुलर 9 है, जो फरवरी 2020 में जारी किया गया था.

वीयू लोगो

Vue, Vue.js के रूप में भी जाना जाता है, समूह का सबसे युवा सदस्य है। यह 2014 में पूर्व-Google कर्मचारी इवान यू द्वारा विकसित किया गया था। पिछले तीन वर्षों में, Vue ने लोकप्रियता में पर्याप्त बदलाव देखा है, भले ही इसमें एक बड़ी कंपनी का समर्थन नहीं है। वर्तमान स्थिर संस्करण 2.6 है, फरवरी 2019 में जारी किया गया (तब से कुछ छोटे वृद्धिशील रिलीज के साथ)। Vue के योगदानकर्ता हैं Patreon द्वारा समर्थित. वयु ३, वर्तमान में अल्फा चरण में, करने की योजना बना रहा है टाइपस्क्रिप्ट पर जाएं.

लोगो की प्रतिक्रिया

प्रतिक्रिया, फेसबुक द्वारा विकसित, शुरू में 2013 में जारी किया गया था। फेसबुक अपने उत्पादों (फेसबुक, इंस्टाग्राम और व्हाट्सएप) में रिएक्ट का बड़े पैमाने पर उपयोग करता है। वर्तमान स्थिर संस्करण 16.X है, नवंबर 2018 में जारी किया गया (तब से छोटे वृद्धिशील अपडेट के साथ).

यहां उनकी स्थिति और इतिहास के संदर्भ में कोणीय बनाम प्रतिक्रिया बनाम बनाम का एक संक्षिप्त सारांश है:

एंगुलर बनाम रिएक्ट बनाम वीयू का इतिहास

कोणीय
प्रतिक्रिया
Vue

आरंभिक रिलीज201020132014
आधिकारिक साइटangular.ioreactjs.orgvuejs.org
लगभग। आकार (KB)50010080
वर्तमान संस्करण916.x2.6.x
के द्वारा उपयोगGoogle, Wixफेसबुक, उबरअलीबाबा, गिटलैब

लाइसेंस

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

यहाँ है एमआईटी लाइसेंस का एक त्वरित सारांश सादे अंग्रेजी शब्दों में.

लोकप्रियता ��

जैसा "कोणीय" तथा "प्रतिक्रिया" सामान्य शब्द हैं, Google रुझानों से उनकी लोकप्रियता को समझना मुश्किल है। हालांकि, उनकी लोकप्रियता के लिए एक अच्छा प्रॉक्सी है सितारों की संख्या जो उनके GitHub रिपॉजिटरी को मिलती है. 2016 के मध्य में Vue के तारों की संख्या में अचानक बदलाव हुआ और हाल ही में, Vue सबसे लोकप्रिय रूपरेखाओं में से रिएक्ट के साथ वहां आया है.

गिटहब प्रोजेक्ट्स पर कोणीय बनाम रिएक्ट बनाम वीयू के लिए सितारेएंगुलर, रिएक्ट और वीयू के लिए गिटहब परियोजनाओं पर सितारों की संख्या

आइए देखें कि जॉब मार्केट एंगुलर बनाम रिएक्ट बनाम व्यू के लिए कैसा है, जो लोकप्रियता का एक अच्छा उपाय भी है:

एंगुलर बनाम रिएक्ट बनाम वीयू के लिए जॉब मार्केट

सबसे अच्छा डेटा के स्रोत संकेत मिलता है कि नौकरी के बाजार पर रुझान विभिन्न नौकरी बोर्ड हैं.

जैसा कि 2018 के उत्तरार्ध के रुझानों से देखा गया है, उन नौकरियों की संख्या जो एंगुलर या रिएक्ट के कौशल सेट की आवश्यकता होती है, लगभग समान है, जबकि वेव अभी भी इस संख्या (लगभग 20%) का केवल एक अंश था। यह सूची निश्चित रूप से संपूर्ण नहीं है, लेकिन समग्र तकनीकी उद्योग की अच्छी तस्वीर देती है.

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

भाग 2: सामुदायिक और विकास

अब जब आप इन रूपरेखाओं में से प्रत्येक के इतिहास और रुझानों से परिचित हैं, तो हम इन रूपरेखाओं के विकास का आकलन करने के लिए समुदाय को देखेंगे। हम पहले ही देख चुके हैं कि सभी रूपरेखाओं के लिए, पिछले साल की तुलना में वृद्धिशील रिलीज नियमित रूप से भेज दी गई हैं, जो इंगित करता है कि विकास पूरे जोरों पर चल रहा है।.

आइए उनके GitHub रिपॉजिटरी पर आँकड़ों के संबंध में हमें Angular vs React vs Vue देखें:

कोणीय
प्रतिक्रिया
Vue

# दर्शक3.2k6.6k6.0k
# सितारे57k144k157k
# के लिए15.9k27.6k23.7k
# योगदानकर्ता1,0891,361289

Vue में बड़ी संख्या में चौकीदार, सितारे और कांटे हैं। यह Vue बनाम React की तुलना करते समय उपयोगकर्ताओं के बीच इसकी लोकप्रियता और इसके मूल्य को दर्शाता है। हालांकि, Vue के लिए योगदानकर्ताओं की संख्या कोणीय और प्रतिक्रिया से कम है.

एक संभावित व्याख्या यह है कि Vue पूरी तरह से खुले स्रोत समुदाय द्वारा संचालित है, जबकि Angular और React में Google और Facebook कर्मचारियों का महत्वपूर्ण योगदान है.

आंकड़ों से, सभी तीन परियोजनाएं महत्वपूर्ण विकास गतिविधि दिखाती हैं, और यह निश्चित रूप से भविष्य में जारी रखने वाला है – बस ये आँकड़े दोनों में से किसी का उपयोग करने का निर्णय नहीं लेने का आधार नहीं हो सकते हैं.

भाग 3: पलायन

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

कोणीय प्रमुख अपडेट की योजना प्रत्येक छह महीने में। किसी भी प्रमुख APIs को हटाए जाने से पहले एक और छह महीने की अवधि होती है, जो आपको आवश्यक परिवर्तन करने के लिए दो रिलीज साइकल (एक वर्ष) का समय देती है.

जब यह एंगुलर बनाम रिएक्ट की बात आती है, तो फेसबुक ने कहा है कि स्थिरता का अत्यधिक महत्व है उनके लिए, ट्विटर और एयरबीएनबी जैसी बड़ी कंपनियां रिएक्ट का उपयोग करती हैं। संस्करणों के माध्यम से उन्नयन आम तौर पर रिएक्ट में सबसे आसान है, जैसे स्क्रिप्ट के साथ प्रतिक्रिया-codemod आपको माइग्रेट करने में मदद कर रहा है.

एफएक्यू के माइग्रेशन सेक्शन में, Vue का उल्लेख है कि यदि आप 1.x से 2 में माइग्रेट कर रहे हैं तो 90% API समान है. वहां एक है माइग्रेशन सहायक उपकरण जो आपके ऐप की स्थिति का आकलन करने के लिए कंसोल पर काम करता है.

भाग 4: बनाम बनाम कोणीय बनाम प्रतिक्रिया के साथ कार्य करना

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

आकार और लोड समय ⏲️

पुस्तकालयों के आकार निम्न हैं:

  • कोणीय 4+: निर्मित बंडल आकार पर निर्भर करता है
  • प्रतिक्रिया: 116 KB
  • मुकदमा: 91 केबी

हालाँकि चौखटे के आकार के बीच एक महत्वपूर्ण अंतर है, वे औसत वेबपेज आकार (2018 में 2+ एमबी) की तुलना में अभी भी छोटे हैं। इसके अतिरिक्त, यदि आप इन पुस्तकालयों को लोड करने के लिए एक लोकप्रिय सीडीएन का उपयोग करते हैं, तो यह अत्यधिक संभावना है कि उपयोगकर्ता के पास अपने स्थानीय सिस्टम में पहले से ही भरी हुई लाइब्रेरी है.

अवयव ��️

घटक सभी तीन चौखटों के अभिन्न अंग हैं, भले ही हम Vue, React या Angular की बात कर रहे हों। एक घटक को आम तौर पर एक इनपुट मिलता है, और इसके आधार पर व्यवहार बदलता है। यह व्यवहार आम तौर पर पृष्ठ के कुछ भाग के UI में परिवर्तन के रूप में प्रकट होता है। घटकों के उपयोग से कोड का पुन: उपयोग करना आसान हो जाता है। एक घटक ई-कॉमर्स साइट पर एक कार्ट या सोशल नेटवर्क पर एक लॉगिन बॉक्स हो सकता है.

कोणीय कोणीय:
कोणीय में, घटकों के रूप में संदर्भित किया जाता है निर्देशों. निर्देश केवल DOM तत्वों पर मार्कर हैं, जो कोणीय विशिष्ट व्यवहार को भी ट्रैक और संलग्न कर सकते हैं। इसलिए, कोणीय एचटीएमएल टैग की विशेषताओं के रूप में घटकों के यूआई भाग और जावास्क्रिप्ट कोड के रूप में उनके व्यवहार को अलग करता है। यह वही है जो इसे अलग करता है जब कोणीय बनाम प्रतिक्रिया को देखते हुए.
प्रतिक्रिया प्रतिक्रिया:
प्रतिक्रिया, दिलचस्प रूप से, यूआई और घटकों के व्यवहार को जोड़ती है। उदाहरण के लिए, यहाँ है प्रतिक्रिया में एक हैलो विश्व घटक बनाने के लिए कोड. प्रतिक्रिया में, यूआई तत्व बनाने और उसके व्यवहार को निर्धारित करने के लिए कोड का एक ही हिस्सा जिम्मेदार है.
Vue Vue:
Vue में, UI और व्यवहार भी घटकों का एक हिस्सा है, जो Vue बनाम React को देखते समय चीजों को अधिक सहज बनाता है। इसके अलावा, Vue अत्यधिक अनुकूलन योग्य है, जो आपको स्क्रिप्ट के भीतर से UI और घटकों के व्यवहार को संयोजित करने की अनुमति देता है। आगे, आप भी कर सकते हैं CSS के बजाय Vue में प्री-प्रोसेसर का उपयोग करें, जो एक महान कार्यक्षमता है। जब यह बूटस्ट्रैप जैसे अन्य पुस्तकालयों के साथ एकीकरण की बात आती है, तो वीयू महान है.

विभिन्न पुस्तकालयों के साथ एक ही ऐप कैसे दिखता है, इसकी तुलना करने के लिए, यहां एक शानदार पोस्ट है React और Vue पर सूची ऐप करने के लिए समान बनाना और दो रूपरेखाओं के अंतर के विपरीत.

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

तो इन रूपरेखाओं में से प्रत्येक को सीखना कितना मुश्किल है?

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

हालांकि कोणीय, प्रतिक्रिया और वीयू में एक महत्वपूर्ण सीखने की अवस्था है, लेकिन महारत पर उनके उपयोग असीम हैं। उदाहरण के लिए, आप प्रगतिशील वेब एप्लिकेशन बनाने के लिए वर्डप्रेस और वूकॉम के साथ कोणीय और प्रतिक्रिया को एकीकृत कर सकते हैं.

कोणीय बनाम प्रतिक्रिया बनाम बनाम: कौन जीतता है?

इस पोस्ट के अंत की ओर, आइए प्रश्न का उत्तर देने के लिए प्रत्येक फ्रेमवर्क की विशिष्ट विशेषताओं को याद करें: कोणीय बनाम रिएक्ट बनाम Vue: आपको कौन सा चुनना चाहिए?

कोणीय लोगो कोणीय चौखटे के सबसे परिपक्व है, योगदानकर्ताओं के संदर्भ में अच्छा समर्थन है और एक पूर्ण पैकेज है.

हालांकि, सीखने की अवस्था तेज है और कोणीय में विकास की अवधारणाएं नए डेवलपर्स को रोक सकती हैं.

बड़ी टीमें और डेवलपर्स जो पहले से टाइपस्क्रिप्ट का उपयोग करते हैं, कंपनियों के लिए कोणीय एक अच्छा विकल्प है.

अतिरिक्त that यहां कुछ एंगुलर एडमिन डैशबोर्ड टेम्प्लेट हैं, जिनमें आपकी रुचि हो सकती है.

लोगो की प्रतिक्रिया प्रतिक्रिया सिर्फ परिपक्व होने के लिए पर्याप्त पुराना है और समुदाय से योगदान की एक बड़ी संख्या है। इसे व्यापक स्वीकृति मिली है। रिएक्ट के लिए नौकरी बाजार वास्तव में अच्छा है, और इस ढांचे के लिए भविष्य उज्ज्वल दिखता है.

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

वीयू लोगो Vue एक बड़ी कंपनी के समर्थन के बिना, क्षेत्र के लिए सबसे नया है.

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

हालाँकि, यह देखा जाना बाकी है कि यह भविष्य में कैसा होता है और किसी को इससे सावधान रहना उचित है। यदि आप सादगी पसंद करते हैं, लेकिन यह भी लचीलेपन की तरह आपकी पसंद होना चाहिए.

अतिरिक्त Boot यहां बूटस्ट्रैप के साथ निर्मित कुछ Vue व्यवस्थापक टेम्पलेट हैं, जिनमें आपकी रुचि हो सकती है.

Angular vs React vs Vue की बहस का जवाब यह है कि कोई सही सही विकल्प नहीं है, जिसकी आपको उम्मीद है.

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

आपको क्या लगता है कि यहां विजेता कौन है – कोणीय बनाम रिएक्ट बनाम वीयू? नीचे कमेंट्स में हमें बताएं.

आगे की पढाई: ��

  • Vue, Angular, React (सामग्री UI) के लिए सामग्री डिज़ाइन टेम्पलेट
  • सर्वश्रेष्ठ रिएक्ट यूआई घटक पुस्तकालय / चौखटे
  • दिलचस्प Vue यूआई घटक पुस्तकालयों
  • सर्वश्रेष्ठ कोणीय व्यवस्थापक डैशबोर्ड टेम्पलेट
  • ReactJS के लिए सर्वश्रेष्ठ मुफ्त बूटस्ट्रैप टेम्पलेट
  • नि: शुल्क प्रतिक्रिया देशी टेम्पलेट्स
  • नि: शुल्क और प्रीमियम VueJS व्यवस्थापक टेम्पलेट्स बूटस्ट्रैप के साथ निर्मित

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

अपनी वर्डप्रेस साइट को गति देने पर हमारे क्रैश कोर्स में शामिल होना न भूलें। कुछ सरल सुधारों के साथ, आप अपने लोडिंग समय को 50-80% तक कम कर सकते हैं:

करोल के द्वारा लेआउट और प्रस्तुति.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector