कोणीय 2.0 बनाम पॉलिमर

हाय दोस्तों! इससे पहले कि मैं इन दो जावास्क्रिप्ट फ्रेमवर्क / पुस्तकालयों की तुलना करना शुरू कर दूं, यह समझना महत्वपूर्ण है कि वेब विकास का तरीका कैसे बदल रहा है और कैसे नए ढांचे उस बदलाव को सुविधाजनक बनाने की कोशिश कर रहे हैं।

वेब विकास का नया तरीका

अवयव

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

वेब घटक

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

वेब घटकों के लिए पुल

कोणीय 2.0

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

पॉलिमर

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

वे कैसे तुलना करते हैं

आकार:

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

कोणीय 2.0: 566 KB - 766 KB कीमा बनाया हुआ कोणीय 2 पैकेज का आकार 566K है। कोणीय 2 Rxjs पुस्तकालय द्वारा आपूर्ति किए गए अवलोकन पैटर्न पर निर्भर करता है। Rxjs पुस्तकालय के साथ कोणीय 2 का आकार 766K है।

पॉलिमर: 127 KB - 168 KB। न्यूनतम पॉलिमर 1.6 का आकार 127KB है। इसमें उन ब्राउज़र के लिए webcompords.js नामक पॉलीफ़िल की भी आवश्यकता होती है जहाँ वेब घटक मूल रूप से समर्थित नहीं होते हैं। वेबकंप्यूटरों का आकार- lite.js 41 KB है

पुनः प्रयोग करें:

घटकों का पैटर्न पुन: प्रयोज्य के लिए बहुत अधिक गुंजाइश लाता है। घटक कोड के छोटे और अलग-अलग टुकड़े होते हैं जिनका उपयोग एक ही एप्लिकेशन के कई स्थानों पर या अनुप्रयोगों में किया जा सकता है।

कोणीय 2.0: घटकों का समर्थन करता है और पुन: उपयोग करता है। कोणीय 2 घटकों का उपयोग केवल Angular2 अनुप्रयोगों में किया जा सकता है

पॉलिमर: घटकों का समर्थन करता है और पुन: उपयोग करता है। पॉलिमर घटकों को आदर्श रूप से किसी भी वेब एप्लिकेशन में फिर से उपयोग किया जा सकता है। गैर-बहुलक आवेदन को बहुलक घटकों का पुन: उपयोग करने में सक्षम होने के लिए बहुलक पुस्तकालय को आयात करने की आवश्यकता होगी।

आवेदन संरचना:

बड़े अनुप्रयोगों में कोड के लिए एक संरचना होना महत्वपूर्ण है। फ्रेमवर्क कोड को संरचना और पैटर्न प्रदान करने में मदद करते हैं।

कोणीय 2.0: कोड की संरचना को डिक्टेट करता है। कोणीय 2 एक पूर्ण विकसित रूपरेखा है। यह एप्लिकेशन को संरचना प्रदान करने का एक तरीका प्रदान करता है। यह बिल्ट-इन एप्लिकेशन रूटिंग, राज्य प्रबंधन और डेटा संचार के साथ आता है

पॉलिमर: संरचना में नहीं। पॉलिमर केवल घटक निर्माण की सुविधा देता है। हालांकि, बहुलक टीम ने कुछ घटक बनाए हैं जिनका उपयोग रूटिंग के लिए किया जा सकता है। डेटा संचार के प्रबंधन के लिए एक अलग पुस्तकालय का उपयोग किया जा सकता है। जैसे Redux, या कोई अन्य फ्लक्स आधारित लाइब्रेरी।

दीर्घायु:

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

Angular 2.0: 1.x से 2 तक Angular का संस्करण अपग्रेड एक पूर्ण सुधार था और व्यावहारिक रूप से अनुप्रयोगों के लिए एक पूर्ण पुनर्लेखन का कारण बनेगा। कोणीय ने 1.4-1.5-2 से अपग्रेड पथ प्रदान किया। लेकिन उन्नयन पथ के अनुसरण का प्रयास पुनर्लेखन के बराबर हो सकता है।

पॉलिमर: पॉलिमर वेब प्लेटफॉर्म के विकास के साथ हल्का होने का इरादा रखता है। पॉलिमर 2 पूर्वावलोकन संस्करण बाहर है। पॉलिमर में एक हाइब्रिड मोड है जहां 1 और 2 एक साथ चल सकते हैं। चूंकि बहुलक भारी नहीं है, इसलिए उन्नयन आसान होना चाहिए।

सीख रहा हूँ:

कोणीय 2.0: टाइपस्क्रिप्ट एक नई भाषा है और इसके 'डेकोरेटर' कोड लिखने का तरीका भी जावास्क्रिप्ट डेवलपर्स के लिए अच्छी तरह से ज्ञात नहीं है। हालांकि, जावास्क्रिप्ट के आगामी संस्करणों में सज्जाकारों की अवधारणा है। डेवलपर को भाषा के साथ ही फ्रेमवर्क भी सीखना होगा।

पॉलिमर: पॉलिमर घटक ES5 / ES6 जावास्क्रिप्ट में / आमतौर पर लिखे जा सकते हैं। डेवलपर्स को घटकों की अवधारणा के लिए उपयोग करना होगा (सही रूप में अच्छी तरह से कोणीय 2)। पॉलिमर वेब घटकों की तुलना में न्यूनतम सिंटैक्टिकल चीनी प्रदान करता है, जो कि एक सीखने की अवस्था को लागू नहीं करता है।

सर्वर साइड रेंडरिंग:

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

एंगुलर 2.0: एंगुलर टीम एंगुलर यूनिवर्सल पर काम कर रही है जिसका उपयोग सर्वर साइड रेंडरिंग की अनुमति देने के लिए कोणीय 2 के साथ किया जा सकता है।

पॉलिमर: पॉलिमर के पास सर्वर साइड रेंडरिंग के लिए अभी तक समर्थन नहीं है।

अनुशंसित ढेर

उपरोक्त तुलना के आधार पर अगर मुझे आज एक फ्रंट एंड स्टैक चुनना है, तो मैं इसे चुनूंगा:

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

धन्यवाद!! मज़े करो!

इस राइटअप का थोड़ा विस्तृत संस्करण मेरे ब्लॉग http://dotjsfile.blogspot.in/2017/04/angular2-vs-polymer.html पर है