मुख्य सामग्री पर जाएं

कौन सा फ्रेमवर्क बेहतर है? 2021

शुद्ध उद्देश्यों के निर्माण के लिए तीन रूपरेखाएँ हैं, जिनके बारे में प्रत्येक सीमांत डेवलपर ने सुना है: प्रतिक्रिया, Vue.js, तथा कोणीय.

रिएक्ट एक यूआई लाइब्रेरी है, एंगुलर पूरी तरह से फ्रंट-एंड फ्रेमवर्क है, जबकि Vue.js एक प्रगतिशील ढांचा है।

उनका उपयोग वस्तुतः परस्पर उपयोग के लिए फ्रंट-एंड उद्देश्यों के निर्माण के लिए किया जा सकता है, हालांकि वे 100% समान नहीं हैं, इसलिए उन्हें जांचना और उनकी विविधताओं को समझना स्मार्ट है।

प्रत्येक ढांचा घटक-आधारित है और UI विकल्पों के त्वरित निर्माण की अनुमति देता है।

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

आर्किटेक्चर

प्रतिक्रिया

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

ReactDOM.render ( नमस्ते दुनिया! , doc.getElementById ('रूट'));

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

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

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

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

जेएसएक्स के साथ आप जो कुछ भी बनाते हैं, वह रिएक्ट जावास्क्रिप्ट एपीआई के साथ बनाया जा सकता है, हालांकि ज्यादातर बिल्डर्स अतिरिक्त सहज होने के परिणामस्वरूप जेएसएक्स का पक्ष लेते हैं।

Vue

Vue.js कोर लाइब्रेरी केवल दृश्य परत पर केंद्रित है। यह एक प्रगतिशील ढांचे के रूप में जाना जाता है, जिसके परिणामस्वरूप आप आधिकारिक और तीसरे पक्ष के पैकेज के साथ अपने प्रदर्शन को लंबा कर सकते हैं, जिसके बराबर वाउ राउटर or Vuex, इसे एक सटीक ढांचे में दिखाने के लिए।

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

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

अवयव Vue में छोटे, स्व-निहित हैं, और आवेदन के माध्यम से सभी का पुन: उपयोग किया जाएगा। एकल फ़ाइल घटक (एसएफसी) के साथ .vue एक्सटेंशन में HTML, CSS और JavaScript शामिल हैं ताकि हर एक संबंधित कोड एक ही फ़ाइल में रहता है।

SFCs Vue.js कार्यों में कोड की व्यवस्था करने के लिए वास्तव में सहायक विधि है, विशेष रूप से बड़े वाले। वेबपैक या ब्राउजर के समतुल्य टूल को एसएफसी को कार्यशील जावास्क्रिप्ट कोड में बदलने की आवश्यकता होती है।

कोणीय

इस पाठ में, मैं Angular 2 की चर्चा कर रहा हूं, और कभी भी उस रूपरेखा के प्राथमिक मॉडल को नहीं, जिसे अब अक्सर AngularJS कहा जाता है।

AngularJS, अद्वितीय ढांचा, एक MVC (मॉडल-व्यू-कंट्रोलर) फ्रेमवर्क है। लेकिन में कोणीय 2, एमवी * -पैटर्न के साथ कोई सख्त संबद्धता नहीं है क्योंकि यह आमतौर पर घटक-आधारित है।

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

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

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

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

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

लोकप्रियता

प्रतिक्रिया

प्रतिक्रिया शक के बिना है 160k सितारों के साथ सबसे जावास्क्रिप्ट कार्यों में से एक गीथहब पर। यह फेसबुक द्वारा विकसित और अनुरक्षित है, और इसका उपयोग उनके बहुत से कार्यों में आंतरिक रूप से किया जाता है। इसके अतिरिक्त, यह 2 मिलियन से अधिक वेब साइटों को अधिकार देता है, जिसके अनुरूप BuiltWithके उपयोग के आँकड़े।

Vue

तीन रूपरेखाओं में से, Vue में अनिवार्य रूप से सबसे अधिक तारे हैं गीथहब पर, 176k सितारों के साथ। यह चुनौती पूर्व-गोगलर इवान यू द्वारा विकसित और नेतृत्व की गई है। यह खुले स्रोत समूह के भीतर एक बहुत मजबूत, निष्पक्ष चुनौती है और 1 मिलियन से अधिक वेब साइटों द्वारा उपयोग किया जाता है, जिसके अनुरूप BuiltWith.

कोणीय

कोणीय Google द्वारा विकसित किया गया है, हालांकि आश्चर्यजनक रूप से यह खोज या Youtube के बराबर उनके कुछ प्रमुख व्यापारिक उपयोग में उपयोग नहीं किया गया है। यह आमतौर पर उद्यम कार्यों में उपयोग किया जाता है, और यह 97,000 वेब साइटों पर मुख्य रूप से आधारित है BuiltWithकी जानकारी।

यह 68k सितारों के साथ कई तीन चौखटों में सबसे कम है गीथहब पर। हालांकि, जब कोणीय 1 से कोणीय 2 पर स्विच करते हैं, तो उन्होंने निरंतर के विकल्प के रूप में पूरी तरह से नया भंडार बनाया AngularJS चुनौती, जिसके अतिरिक्त 59k सितारे हैं।

पारिस्थितिकी तंत्र

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

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

प्रतिक्रिया

कई फ्रंट-एंड उद्देश्य खुदरा विक्रेताओं के डेटा के लिए विश्व राज्य प्रशासन पर निर्भर करते हैं, जो लॉग इन और विभिन्न उपभोक्ता सेटिंग्स के बराबर है।

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

रिएक्ट की प्रतिष्ठा के कारण, प्रवेश भागों की खोज और उपयोग के लिए तैयार भागों असाधारण सरल है। वे सभी केवल एक Google या GitHub खोज रहे हैं।

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

प्रतिक्रिया MERN स्टैक का एक हिस्सा है, जो MongoDB, ExpressJS, React और NodeJS को शामिल करता है। इस मिश्रण के बारे में आश्चर्यजनक बात यह है कि {a} एकल भाषा - जावास्क्रिप्ट - संपूर्ण उपयोगिता का अधिकार है।

Vue

यद्यपि Redux का उपयोग Vue में किया जा सकता है, फिर भी कोई आधिकारिक बाइंडिंग नहीं हैं। लेकिन इसके परिणामस्वरूप आपको डरने की जरूरत नहीं है Vuex आधिकारिक राज्य प्रशासन पुस्तकालय विशेष रूप से Vue उद्देश्यों के लिए बनाया गया है। Vue के साथ बहुत प्रभावी ढंग से एकीकृत करने के अलावा, Vue के डेवलपर उपकरणों का उपयोग करके डिबग करना सरल है।

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

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

Vue Laravel के साथ प्रभावी ढंग से एकीकृत होता है, और इसीलिए वे आमतौर पर सामूहिक रूप से उपयोग किए जाते हैं। लारवेल पूरा प्रस्तुत करते हैं जावास्क्रिप्ट और सीएसएस मचान नए कार्यों में Vue का उपयोग करने की अनुमति देने के लिए।

कोणीय

कोणीय में राज्य प्रशासन के लिए, आपको इसका उपयोग करना चाहिए NgRx चुनौती। यह Redux से प्रभावित हुआ है, फिर भी यह विशेष रूप से एंगुलर के लिए बनाया गया है।

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

आप कोणीय उपयोग में क्रॉस-प्लेटफ़ॉर्म सेलुलर उद्देश्यों का निर्माण कर सकते हैं NativeScript। यह Vue को प्रभावी रूप से मदद करता है, हालांकि कोणीय मदद अतिरिक्त परिपक्व है।

कोणीय, प्रसिद्ध MEAN स्टैक का एक हिस्सा है जो MongoDB, ExpressJS और NodeJS के साथ कोणीय को मिलाता है। MERN स्टैक के समान, यह प्रत्येक फ्रंट-एंड और बैक-एंड के लिए पूरी तरह से जावास्क्रिप्ट पर निर्भर करता है।

आम टेक्नोलॉजीज

कोणीय, प्रतिक्रिया और Vue सभी का उपयोग प्रगतिशील वेब ऐप विकसित करने के लिए किया जा सकता है, जिसे PWA के रूप में भी जाना जाता है।

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

आप प्रत्येक फ्रेमवर्क के लिए प्रीमियम टेम्प्लेट और पूर्व-निर्मित उद्देश्यों की खोज कर सकते हैं, हालांकि Angular और React में Vue की तुलना में अतिरिक्त प्रीमियम विकल्प उपलब्ध हैं।

प्रदर्शन

एक रूपरेखा या पुस्तकालय का चयन करते समय, आप प्रभावी रूप से दक्षता पर विचार करना चाहते हैं।

कई परिस्थितियों में, आपको दक्षता के बारे में झल्लाहट नहीं होनी चाहिए, विशेष रूप से आपको एक छोटी चुनौती का निर्माण करना चाहिए। हालांकि, अतिरिक्त चुनौती गुंजाइश और जटिलता में बढ़ती है, दक्षता प्राथमिकता बन सकती है (और कर सकती है)।

यह ध्यान देना महत्वपूर्ण है कि शुद्ध दक्षता के संबंध में सुधार और सबसे बड़ी प्रथाओं का पालन करना फ्रेमवर्क के चयन से अधिक महत्वपूर्ण है।

लेकिन चूंकि कुछ दक्षता मीट्रिक और विविधताएं हैं, इसलिए मैं उन पर गौर करूंगा और स्पष्ट करूंगा कि आपके सुधार प्रयासों पर प्रत्येक का प्रभाव कैसे हो सकता है।

जेएस फ्रेमवर्क बेंचमार्क: कोणीय बनाम रिएक्ट बनाम वीयू

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

जेएस बेंचमार्क

जैसा कि आप ऊपर देख सकते हैं, Vue पंक्तियों को चुनने में Angular और React की तुलना में काफी धीमी है। दूसरी तरफ, पंक्तियों की अदला-बदली पर कोणीय और प्रतिक्रिया को बहुत पर्यावरण के अनुकूल नहीं होना चाहिए।

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

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

परफेक्ट ट्रैक: एंगुलर बनाम रिएक्ट बनाम वीयू

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

परफेक्ट ट्रैक

पहला कंटेंटफुल पेंट

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

सबसे बड़ा विवादास्पद पेंट

पूरे वेब पेज को रेंडर करने में कई तीन चौखटों में से कोणीय भी सबसे धीमा हो सकता है, स्वीकार्य भिन्नता के भीतर केवल 27 पीसी का कोणीय वेब साइट है।

पहला इनपुट विलंब

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

जावास्क्रिप्ट बाइट्स

सबसे हल्के वजन वाले उद्देश्य अब तक Vue के साथ विकसित हुए हैं, जिसमें 68 PC के Vue ऐप्स हैं जो 1MB से कम लोड करते हैं। इसके विपरीत, कोणीय और प्रतिक्रिया के उद्देश्यों को एक बड़े कोड माप के लिए झुकाया जाता है।

इन मेट्रिक्स का उपयोग कैसे करें

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

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

उन्नत सुविधाएँ

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

दो लागू विज्ञान जो कुंजी हो सकते हैं सर्वर-साइड रेंडरिंग (SSR) और वर्चुअलाइजेशन हैं।

प्रतिक्रिया

रिएक्ट सर्वर-साइड को आधिकारिक के साथ प्रस्तुत करने में मदद करता है ReactDOMServer गठरी। वर्चुअलाइजेशन के लिए, आपको पसंदीदा थर्ड-पार्टी डिवाइस का उपयोग करना चाहिए जिसे जाना जाता है रिएक्ट वर्चुअलाइज्ड.

Vue

सर्वर-साइड रेंडरिंग को आधिकारिक रूप से प्रभावी रूप से Vue में समर्थित है SSR पैकेज। इसके अलावा, आप भी उपयोग कर सकते हैं Nuxt.js फ्रेमवर्क जो Vue के उच्च पर बनाया गया है और SSR को मदद करता है।

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

कोणीय

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

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

उन चौखटों में से प्रत्येक का अध्ययन करना कितना सरल है?

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

प्रतिक्रिया

इसके सबसे सरल उपयोग के मामले में, प्रतिक्रिया तीन रूपरेखाओं में सबसे कम जटिल है। जब से आप पूरी तरह से पुस्तकालय को आयात करना चाहते हैं, तब आप अपनी प्रतिक्रिया उपयोगिता कोड के कुछ हिस्सों के साथ लिखना शुरू कर सकते हैं।

लेकिन हैलो वर्ल्ड उदाहरण के अलावा, अधिकांश रिएक्ट उद्देश्य घटक-आधारित हैं और वेब पेज पर बस कुछ हिस्सों को प्रस्तुत नहीं करते हैं।

एक कारक जो कुछ बिल्डरों को रिएक्ट के बारे में अजीब या परेशानी का पता चलता है, वह सच्चाई है कि जेएसएक्स का अध्ययन करना एक तरह से सड़क है। आप बिना उपयोग किए हुए जावास्क्रिप्ट का प्रभावी ढंग से उपयोग कर सकते हैं, हालाँकि अधिकांश रिएक्टर बिल्डर्स JSX का उपयोग करते हैं, इसका अध्ययन केवल अपरिहार्य है।

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

Vue

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

अधिकांश Vue कार्यों के नाम का एक मूल तत्व हो सकता है App.vue और विभिन्न मुद्दों को प्रदर्शित करने के लिए युवा भागों का काफी हिस्सा।

जब इसमें सिंटैक्स शामिल होता है, तो आपको जिस एक नए कारक का अध्ययन करने की आवश्यकता होती है, वह है Vue का टेम्प्लेट सिंटैक्स, जिसे समझना बहुत आसान हो सकता है यदि आपको HTML का एहसास है। मूल निर्देश, समतुल्य v-if और v-for सशर्त रेंडरिंग और लिस्टिंग रेंडरिंग के लिए, बदमाशों के लिए भी सरल करना आसान है।

इसके अतिरिक्त, Vue के सिंगल-फाइल पार्ट्स एक ही स्थान पर फ्रंट-एंड कोड के सभी को संरक्षित करते हैं, जिससे नए कार्यों को तैयार करना सरल हो जाता है।

अध्ययन करने के लिए सबसे सरल है, मेरे विचार में, इसकी सरलता और सहज वाक्यविन्यास के कारण Vue है।

कोणीय

कोणीय अनिवार्य रूप से तीन में से सबसे जटिल चुनौती निर्माण है, और क्योंकि यह पूरी तरह से सामने से तैयार फ्रेम है, यह अतिरिक्त विचारों पर निर्भर करता है।

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

सिंटैक्स के लिए, चूंकि एंगुलर टाइपस्क्रिप्ट के साथ सबसे बड़ा काम करता है, इसलिए यह महत्वपूर्ण है कि आप कोणीय चुनौती बनाते समय टाइपस्क्रिप्ट का एहसास करें।

Vue के साथ भी, आपको अपने स्वयं के HTML-जैसे सिंटैक्स के साथ अपने आप को परिचित करने की आवश्यकता है, ताकि कोणीय के साथ नए UI विकल्पों को कोड करना शुरू किया जा सके।

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

भावी भविष्यवाणियां

कई ओपन-सोर्स कार्य और रूपरेखा विस्मरण में फीका हो जाते हैं और असम्बद्ध हो जाते हैं। क्या आपको हमारे यहां चर्चा कर रहे किसी भी ढांचे के बारे में भयभीत होना चाहिए?

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

प्रतिक्रिया

प्रतिक्रिया v17.0 हालांकि, आश्चर्यजनक रूप से लॉन्च किया गया है, यह बिल्डरों के लिए कोई नया विकल्प नहीं है।

मुख्य बदलाव यह है कि यह नया मॉडल रिएक्ट को बेहतर बनाने के लिए सरल बनाता है। आप पूरी चुनौती को बेहतर बनाने के साथ पुराने मॉडल से नए मॉडल में रिएक्ट के कुछ तत्वों को सुधार सकते हैं।

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

अंतिम 44 महीनों में रिएक्ट 12 पीसी बढ़ गया है साप्ताहिक एनपीएम डाउनलोड। पूर्ण संख्या में, यह अनिवार्य रूप से तीन कार्यों में से सबसे अधिक डाउनलोड किया गया है।

Vue

Vue 3 रिलीज़ हो चुकी है सितंबर 2020 में, और यह कई महत्वपूर्ण बिंदुओं से निपटता है जो Vue 2 में विशाल कार्य हैं। यह परिचय देता है रचना एपीआई जिससे प्रभावित है रिएक्ट हुक और पूरे भागों में तर्क का पुन: उपयोग करना सरल बनाता है।

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

Vue 3 एक बहुत जरूरी सुधार है और Vue को बड़े स्तर के कार्यों के लिए अधिक मेल खाता है।

Vue है साप्ताहिक डाउनलोड अंतिम 87 महीनों के बाद से 12 पीसी की वृद्धि हुई है, जिससे Vue रिश्तेदार वाक्यांशों में सबसे तेजी से बढ़ती रूपरेखा है। यदि Vue इस प्रगति मूल्य को बनाए रख सकता है, तो यह वास्तव में जल्दी से कोणीय को पार कर सकता है।

कोणीय

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

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

कोणीय 50 पीसी में गोल हो गया है साप्ताहिक डाउनलोड अंतिम 12 महीनों से, इसलिए यह फिर भी एक पसंदीदा चुनौती है।

निष्कर्ष

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

यह ध्यान रखना महत्वपूर्ण है कि कोणीय केवल पहले की तुलना में जल्दी नहीं बढ़ रहा है, जबकि वे - इस तथ्य के बावजूद कि यह हाल ही में अतिरिक्त शुरू हुआ था - बहुत अधिक होने के बजाय बढ़ता हुआ प्रतीत होता है।

जैसा कि पहले से स्वीकार किया गया था, हम भविष्यवाणी नहीं करेंगे कि कौन से ढांचे लंबे समय तक संबंधित रहेंगे, हालांकि हर चुनौती के पीछे एक अद्भुत समूह होता है और लगातार विकसित हो रहा है।

इस पाठ के साथ मेरा उद्देश्य वास्तुकला की विविधताओं को स्पष्ट करना था, हर ढांचे की कमजोरियों और कमजोरियों को तोड़ना और जहां भी यह प्रासंगिक हो, उनका मूल्यांकन करना।

एक ब्रांड के नए ढांचे में छलांग लगाने से पहले, कुछ चीजों के बारे में सोचना होगा।

सबसे पहले, आपके समूह की विशेषज्ञता आम तौर पर एक निर्णय लेने वाली समस्या होती है जब एक ब्रांड नई जानकारी का चयन किया जाता है।

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

अंत में, चुनौती के संबंध में, आपके ढांचे के विकल्प पर जटिलता और गुंजाइश का प्रभाव पड़ सकता है।

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



इस पोस्ट में 0 टिप्पणियाँ हैं

एक जवाब लिखें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड चिन्हित हैं *

शीर्ष पर वापस जाएँ