प्रतिक्रिया बनाम कोणीय: एक पुस्तकालय एक रूपरेखा के साथ कैसे प्रतिस्पर्धा कर सकता है

Google और फेसबुक डिजिटल behemoths हैं जो हमेशा प्रतिस्पर्धा करते हैं। डेवलपर्स एंगुलर और रिएक्ट के लिए उनके समाधान प्रतिद्वंद्वी भी लगते हैं। Indeema दोनों की तुलना करने में मदद करता है। लेख मूल रूप से यहां पोस्ट किया गया था

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

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

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

Google वह कंपनी है जो फ्रेमवर्क का विकास और समर्थन करती रहती है। बहुत शुरुआत में, Angular 1 के संस्करण को जिसे AngularJS के रूप में भी जाना जाता था, दिखाई दिया। पहला संस्करण शुद्ध जावास्क्रिप्ट का उपयोग करके अधिक शक्तिशाली कार्यक्षमता के विकास के लिए एक परीक्षण दृष्टिकोण था। कोणीय 2 या एनजी 2 + के बाद कोणीयजेएस को गंभीर रूप से सुधार दिया गया था। कोणीय के सबसे महत्वपूर्ण अद्यतन ने एक नए टाइपस्क्रिप्ट प्लेटफ़ॉर्म में संक्रमण का अनुमान लगाया। तब से, पहले संस्करण की तुलना में फ्रेमवर्क बहुत तेजी से काम करना शुरू कर दिया। इसके अलावा, प्रवेश बाधा बहुत कम हो गई। एंगुलर में इंटरफेसेस, क्लासेस और मजबूत टाइपिंग जैसे कार्य दिखाई दिए। महत्वपूर्ण विशेषताओं में से एक कोणीय / पंजा है जो परियोजना के विकास को सुविधाजनक बनाता है। यह मॉड्यूल, सेवाओं और घटकों के साथ एक परियोजना बनाने की क्षमता प्रदान करता है। इसके अलावा, यह सुविधा एम्बेडेड e2e परीक्षणों के माध्यम से अपनी बाद की डिबगिंग प्रदान करने वाली परियोजना को तैनात करने की अनुमति देती है। वैसे, एक रिलीज एंगुलर 6 पहले से ही उपलब्ध है। यह कई नए क्षमताओं वाले एंगुलर 2 का अपडेटेड बग-फिक्स्ड संस्करण है। वर्तमान में, Google, Wix, weather.com, Health.gov, Forbes पर कोणीय लागू है।

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

• स्थिर टाइपिंग
• सज्जाकार
• इंटरफेस
• नामस्थान

रिएक्ट फेसबुक द्वारा विकसित एक जावास्क्रिप्ट लाइब्रेरी है जो नई रिलीज़ को लॉन्च करने के साथ-साथ इसका समर्थन करता रहता है। रिएक्ट का दृष्टिकोण उन घटकों का उपयोग करता है जो एसपीए के बिना एक ही पृष्ठ पर प्रदर्शित किए जा सकते हैं, फिर भी। फेसबुक अपने स्वयं के प्रोजेक्ट में रिएक्ट का उपयोग करने में अधिक सक्रिय है, क्योंकि Google कोणीय के साथ है। Angular के साथ मुख्य अंतर JSX और वर्चुअल DOM का उपयोग करता है। जेएससी की मूल क्षमता जेएस फाइलों में एचटीएमएल-जैसे कोड डालकर प्रदान किए गए घटकों का निर्माण करती है। परिणामस्वरूप, रिएक्ट अंत में एक गतिशील HTML प्रदर्शित करने के लिए कोड प्रदान करता है जिसे स्थिति के आधार पर बदला जा सकता है। प्रतिक्रिया का उपयोग Airbnb, Uber, Netflix, Twitter, Pinterest, Reddit, Udemy, Wix, Paypal, Imgur, Feedly, Stripe, Tumblr, Walmart में किया जाता है।

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

कोर विकास

कोणीय और प्रतिक्रिया दोनों की लोकप्रियता के कारणों पर गौर करने के लिए, विस्तृत आँकड़े विचार करने योग्य हैं। एंगुलर के टीम पेज में 36 डेवलपर्स हैं जबकि रिएक्ट में कोई टीम पेज नहीं है। ओपन सोर्स प्रोजेक्ट्स के लिए समर्पित लोकप्रिय वेब संसाधन GitHub, Angular के लिए 1,714 योगदानकर्ताओं के साथ 40,490 रैंकिंग सितारों का प्रतिनिधित्व करता है। इसके बदले में, रिएक्ट में क्रमशः 110 961 सितारे और 1,200 योगदानकर्ता हैं। नीचे दिया गया चार्ट कोणीय और प्रतिक्रिया दोनों से संबंधित रैंकिंग सितारों के आंकड़ों का प्रतिनिधित्व करता है।



जैसा कि हम देख सकते हैं, रिएक्ट में एंगुलर की तुलना में बहुत अधिक तारे हैं, और अंतर लगातार बढ़ रहा है।
पैकेज मैनेजर npm द्वारा एक और आंकड़े प्रदान किए जाते हैं जो कोणीय और प्रतिक्रिया दोनों के लिए डाउनलोड की संख्या प्रदान करता है।



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



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

हम एक लोकप्रिय संसाधन स्टैक ओवरफ्लो को नजरअंदाज नहीं कर सकते हैं, जो एक सर्वेक्षण आयोजित करता है कि कोणीय और प्रतिक्रिया के संबंध में क्या पसंद है। AngularJS (Angular 2 संस्करण सर्वेक्षण से परे था, दुर्भाग्य से) 52% वोट प्राप्त हुए जबकि React 67% तक पहुंच गया। आगे के विकास के लिए रुचि की कमी के बारे में सवाल के जवाब में, Google द्वारा फ्रेमवर्क को 48% वोट मिले, जबकि इसके प्रतियोगी केवल 33% तक पहुंच गए। बाद में फिर से फ्रेमवर्क का उपयोग करने के इरादे के बारे में महत्वपूर्ण सवाल 92% वोटों के साथ रिएक्ट का प्रतिनिधित्व किया, जबकि कोणीय केवल 65% तक पहुंच गया। उपरोक्त आंकड़ों पर आधारित हम इस निष्कर्ष पर पहुंच सकते हैं कि रिएक्टर एंगुलर की तुलना में डेवलपर्स के बीच अधिक लोकप्रिय है। किसी भी मामले में प्रतिक्रिया और कोणीय दोनों एक साथ बाजार पर 100% लोकप्रियता हासिल कर रहे हैं जो लंबे समय तक उनके नेतृत्व का अर्थ है।

टाइपस्क्रिप्ट बनाम ईएस 6 और जेएसएक्स

सबसे उद्देश्यपूर्ण तरीके से दो अलग-अलग प्रणालियों की जांच करने के लिए, हमें पहले उनके मुख्य अंतरों को जांचना होगा। इस बार, हम केवल "आउट-ऑफ-द-बॉक्स" संस्करणों पर विचार करेंगे। हालाँकि, हर कोई JSX को Angular के साथ-साथ TypeScript को React के साथ जोड़ सकता है।

टाइपस्क्रिप्ट क्यों?

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

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

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

// Basic JavaScript function getPassword(clearTextPassword) { if (clearTextPassword) { return 'password'; } return '********'; } let password = getPassword('false'); // "password" 

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

यहां बताया गया है कि टाइपस्क्रिप्ट में समान कोड कैसे लिखा जाता है:

 // Written with TypeScript function getPassword(clearTextPassword: boolean): string { if (clearTextPassword) { return 'password'; } return '********'; } let password = getPassword('false'); // throws: error TS2345: Argument of type '"false"' is not assignable to parameter of type 'boolean'. 

हमने एक फ़ंक्शन के तर्कों के लिए अपेक्षित डेटा के प्रकार के साथ-साथ यह निर्धारित किया है कि क्या लौटाया जाना है। संकलन के बाद हमें तुरंत एक कोड में त्रुटि मिली।

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

रिएक्ट अन्यथा सोचता है

हर रिएक्टर डेवलपर के पास घटकों को रेंडर करने के लिए एक विशेष HTML जैसे सिंटैक्स JSX के साथ काम करने का अवसर होता है। दुर्भाग्य से, Angular और React दोनों टाइपस्क्रिप्ट JSX के बिना नहीं कर सकते। चूंकि टाइपस्क्रिप्ट को लगभग एक अलग प्रोग्रामिंग भाषा माना जाता है, इसलिए एंगुलर के नीचे जाने से पहले टाइपस्क्रिप्ट पाठ्यक्रम लेना आवश्यक है। लेकिन रिएक्ट डेवलपर्स को कोडिंग शुरू करने के लिए बस एक संक्षिप्त जेएसएक्स डॉक्यूमेंट के माध्यम से देखना होगा। अत्यधिक लोड किए गए एसपीए सिस्टम के विकास की प्रणाली द्वारा जोड़े गए केवल नवाचारों का उल्लेख ऊपर किया गया है। वास्तव में, रिएक्ट कुछ भी नहीं बल्कि टेम्पलेट रेंडरिंग की एक सुविधा प्रदान करता है। इसलिए, रिएक्ट में लिखा गया कोड शुद्ध जावास्क्रिप्ट कोड से बेहतर होगा। कुछ डेवलपर्स का मानना ​​है कि रिएक्ट या तो जावास्क्रिप्ट की कुछ समस्याओं को हल करने में सक्षम हो सकता है या, कम से कम, अपनी क्षमताओं को बढ़ा सकता है।

फेसबुक और एसपीए विकास

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

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

आइए, दोनों कोणीय और प्रतिक्रिया के साथ कुछ उदाहरणों पर एक नज़र डालते हैं। घटकों के लिए कोणीय के दृष्टिकोण से कई फाइलें निकलती हैं:

component.ts

 import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-component', templateUrl: './component.html', styleUrls: ['./component.scss'] }) export class Component implements OnInit { this.component_title: String = “Hello world”; constructor() {} ngOnInit() {} } 

component.html

 <p> {{ component_title }} </p> 

दिए गए उदाहरण में एक घटक अपने दृश्य के बीच में "हैलो वर्ल्ड" प्रदर्शित करता है। प्रतिक्रिया के साथ काम करते समय यह सरल है: एक नया घटक बनाने के लिए एक फ़ाइल पर्याप्त है।

component.js

 import React from 'react'; export class Component extends React.Component { render() { const text = "Hello world!"; return ( <p> {text} </p> ); }; } 

प्रत्येक प्रणाली के पास अपने स्वयं के पेशेवरों और विपक्षों के घटकों के निर्माण के लिए एक अलग दृष्टिकोण है। और प्रत्येक डेवलपर को यह तय करना है कि परियोजना के विकास के लिए कौन सा दृष्टिकोण अधिक प्रासंगिक है।

डेवलपर्स शुरुआत में क्या सामना करते हैं

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

जबकि एक रिएक्टर डेवलपर JSX बॉक्स के साथ काम करने के लिए कॉन्फ़िगर किया गया सिस्टम कोर प्राप्त करता है, एक कोणीय डेवलपर निम्नलिखित पा सकता है:

• कोणीय सीएलआई
• E2E टेस्ट
• फार्म
• एनीमेशन, स्थानीयकरण आदि के लिए मॉड्यूल
• टाइपस्क्रिप्ट सुविधाएँ
• कोणीय तत्व आदि।

अधिक से अधिक समाधानों का समर्थन करने के लिए कोणीय उपकरणों का एक स्पेक्ट्रम लगातार बढ़ रहा है जो भविष्य में तीसरे पक्ष के पुस्तकालयों में पूर्ण क्षमता पर बॉक्स से बाहर कोणीय का उपयोग करने की आवश्यकता को कम करने की अनुमति देता है।

आकार और प्रदर्शन

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

निम्नलिखित कोणीय और प्रतिक्रिया दोनों की एक बेंचमार्क तुलना है।



जैसा कि आंकड़े बताते हैं, एंगुलर रिएक्ट की तुलना में थोड़ा तेज काम करता है। एंगुलर 6 में एंगुलर 4 की तुलना में बेहतर प्रदर्शन है, लेकिन यहां तक ​​कि पिछला संस्करण अपने प्रतिद्वंद्वी को भी मात देता है।

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

सार्वभौमिक समाधान और मूल निवासी

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

सीखने की प्रक्रिया

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

भले ही Google कैसे शुरू करने के बारे में दोनों ट्यूटोरियल और लेखों के साथ सीखने की प्रक्रिया को आसान बनाने की कोशिश कर रहा है, डेवलपर्स पर लोड को शायद ही कम किया जा सकता है। इसके विपरीत, प्रतिक्रिया, जावास्क्रिप्ट की एकमात्र स्थिति के रूप में ज्ञान की आवश्यकता पर एक बार काम करना शुरू करने की अनुमति देती है।

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

निष्कर्ष

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

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

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

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

मूल लेख - प्रतिक्रिया बनाम कोणीय: कैसे एक पुस्तकालय एक रूपरेखा के साथ प्रतिस्पर्धा कर सकता है