5 चीजें जो आप Vue 3.0 की तैयारी के लिए कर सकते हैं

2019 में, Vue ढांचे की लोकप्रियता अविश्वसनीय रूप से बढ़ी है। साप्ताहिक Vue डाउनलोड की संख्या दोगुनी हो गई है: पिछले साल यह 600 हजार था, और अब यह 1.2 मिलियन है। लंबे समय से प्रतीक्षित तीसरे संस्करण Vue, रूपरेखा का अगला पुनरावृत्ति, 2020 की पहली तिमाही में कुछ समय के लिए है।

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



यहां मैंने कुछ युक्तियां एक साथ रखीं जो उन लोगों के लिए उपयोगी हैं जो Vue 3.0 के आगमन की तैयारी करना चाहते हैं। मुझे उम्मीद है कि जो लोग इन युक्तियों का पालन करते हैं, वे बहुत जल्दी नई स्थितियों के लिए उपयोग करने में सक्षम होंगे।

1. नवीनतम Vue 3.0 सुविधाओं की जाँच करें।

बेशक, कोई पूरी तरह से अज्ञात चीज के आगमन की तैयारी नहीं कर सकता है। यही कारण है कि Vue 3.0 में परिवर्तन के साथ खुद को परिचित करना महत्वपूर्ण है। यहाँ मैं विशेष ध्यान देने की सलाह देता हूँ:

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

इसके अलावा, मैं आपको Vue 3.0 डिवाइस के संबंध में इवान यू द्वारा इस प्रदर्शन को देखने की सलाह देता हूं। यह प्रस्तुति आपको उन विचारों को बेहतर ढंग से समझने की अनुमति देती है जो फ्रेमवर्क के पीछे हैं।

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

2. लर्निंग टाइपस्क्रिप्ट शुरू करें

Vue 3.0 में अपेक्षित बदलावों में से एक है। - यह टाइपस्क्रिप्ट सपोर्ट है। टाइपस्क्रिप्ट में Vue का कोड आधार फिर से लिखा जा रहा है। इससे डेवलपर्स को अपनी आईडीई में टाइप संकेत और कोड पूरा करने वाले टूल का उपयोग करने का अवसर मिलेगा।

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

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

यहाँ जेएस कोड है:

function greeter(person) {     return "Hello, " + person; } let user = "Jane User"; document.body.textContent = greeter(user); 

और यहाँ टीएस कोड है:

 function greeter(person: string) {    return "Hello, " + person; } let user = "Jane User"; document.body.textContent = greeter(user); 

ध्यान दें कि टीएस कोड में इकाई प्रकार के संकेत हैं। greeter टीएस फ़ंक्शन को पास करना एक स्ट्रिंग नहीं है, लेकिन, उदाहरण के लिए, एक सरणी, टीएस कोड को संकलित करने की कोशिश करते समय एक त्रुटि संदेश देगा।

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

3. जानें प्रतिमान विशेषताएं

Vue 3.0। प्रतिपादन के संबंध में कई सुधार शामिल हैं। इसमें स्थैतिक तत्वों को ऊपर उठाना, और पेड़ों को प्रस्तुत करने के साथ बेहतर काम, और यहां तक ​​कि अपने स्वयं के प्रतिपादन के तरीकों को लिखने की क्षमता शामिल है।

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

इसके अलावा, इस बात की समझ कि स्थैतिक तत्वों को ऊपर उठाने का तंत्र कैसे काम करता है, और ब्लॉक रेंडरिंग पेड़ कैसे व्यवस्थित होते हैं, अपने स्वयं के टेम्पलेट्स को विकसित करने की दक्षता बढ़ाने में मदद कर सकते हैं। स्थैतिक तत्वों को उठाना एक ऐसा तंत्र है जिसका संचालन इस तथ्य की ओर जाता है कि पृष्ठ प्रदर्शित होने पर हर बार स्थैतिक तत्वों को पुनः प्राप्त नहीं किया जाता है। इसके बजाय, समान तत्वों का लगातार उपयोग किया जाता है।

रेंडर करने वाले पेड़, ब्लॉक से मिलकर, प्रतिक्रियाशील वस्तुओं की निगरानी को सरल बनाने में मदद करते हैं, प्रतिपादन के दौरान किए गए संचालन की संख्या को कम करते हैं।


रेंडरिंग ट्री बनाने के लिए ब्लॉक का उपयोग करना

4. कंपोजीशन एपीआई के साथ शुरुआत करें

Vue 3.0 के सबसे गर्म (और सबसे विवादास्पद) नवाचारों में से एक। रचना एपीआई है। Vue 2 अब API विकल्प का उपयोग करता है। इसका उपयोग करते समय, कोड घटक (डेटा, विधियों, गणना की गई संपत्तियों, और इसी तरह) द्वारा वितरित किया जाता है।

नए एपीआई के लिए धन्यवाद, सभी कोड को समूहीकृत किया जाएगा। यह इसकी पठनीयता में सुधार करेगा और कार्यक्षमता के निष्कर्षण और पुन: उपयोग को सरल करेगा।


एपीआई संरचना

नए तंत्र वीयू कोर रिएक्टिविटी सिस्टम तक सीधे पहुंच प्रदान करके काम करते हैं, जो डेवलपर्स को ठीक से नियंत्रित करने की अनुमति देता है जो निगरानी की जा रही है। इसके अलावा, एक नया setup() पद्धति शुरू की गई है, जिसे beforeCreate() पहले beforeCreate() और तुरंत created() से पहले कहा जाता है।

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

5. अद्यतन जीवन चक्र ज्ञान का अद्यतन करें

पिछले अनुभाग में, कंपोज़िशन API घटकों में कार्यक्षमता जोड़ने का एक नया तरीका था। तथ्य यह है कि setup() घटक जीवन चक्र विधि से पहले कहा जाता है created() विधि इंगित करता है कि setup() घटक डेटा, इसकी विधियों, या गणना गुणों तक पहुँच नहीं है।

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


जीवन चक्र चक्र

परिणाम

परिणामस्वरूप, मैं यह कहना चाहूंगा कि कोई व्यक्ति जो नई तकनीकों को जल्दी से सीखना चाहता है, बस सीखने लायक है। यह जितना संभव हो उतना समय देने के लायक है। Vue विकास टीम ने निश्चित रूप से समुदाय को स्पष्ट कर दिया है कि Vue 3.0 रूपरेखा क्या है। इस तरह से बनाया गया था, जो पहले से ही Vue का उपयोग करने वालों के लिए संक्रमण को सुविधाजनक बनाने के लिए। इसलिए, इसे इस तरह से सोचना गलत होगा: "Vue 3 बाहर आता है, मैं रिलीज होने का इंतजार करूंगा, और फिर इसका पता लगाऊंगा।" "समझ" अग्रिम में बेहतर है। मुझे उम्मीद है कि इस लेख में जो चर्चा की गई थी, वह सभी को Vue 3.0 बैठक के लिए पर्याप्त रूप से तैयार करने में मदद करेगी।

प्रिय पाठकों! आप Vue 3.0 से क्या उम्मीद करते हैं।?