Svelte फ्रेमवर्क का नवीनतम संस्करण कई नई सुविधाओं के साथ प्रदर्शन में सुधार करता है।

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

छोटा और अधिक स्वतंत्र

सबसे उल्लेखनीय संवर्द्धन में से एक समग्र आकार में पर्याप्त कमी है। 10.6 एमबी के भारी-भरकम आकार से, स्वेल्ट का आकार अब बहुत पतला 2.8 एमबी हो गया है, जो कि आकार में 75% की प्रभावशाली कमी है।

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

पैकेज आकार अनुकूलन के अलावा, स्वेल्ट ने जलयोजन के लिए उत्पन्न कोड को भी ठीक किया है। उदाहरण के लिए, SvelteKit वेबसाइट का कोड अब 126.3 kB से 110.2 kB है, जो 13% कम है।

instagram viewer

उन्नत डेवलपर अनुभव

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

वेब घटक

Svelte में वेब घटक बनाना अब नए का उपयोग करके सरल हो गया है उपनाम:

"मेरा-घटक" />

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

Svelte 4 ने एक समर्पित कस्टमएलिमेंट विशेषता की शुरुआत के साथ वेब घटकों के लेखन अनुभव में क्रांति ला दी है व्यापक: विकल्प. यह विशेषता आपको वेब घटकों को विभिन्न विकल्पों के साथ कॉन्फ़िगर करने देती है:

 कस्टमएलिमेंट={{
 उपनाम: 'कस्टम-तत्व',
 छाया: 'कोई नहीं',
 सहारा: {
 नाम: {
 अद्यतन मान को वापस DOM पर प्रतिबिंबित करता है 
 प्रतिबिंबित होना: सत्य,
 मान को एक संख्या के रूप में दर्शाता है 
 प्रकार: 'संख्या',


 विशेषता का  नाम दें 
 गुण: 'तत्व-सूचकांक'
 }
 }
 }}
/>