स्वेल्ट एक सरल ढांचा है जिसका उपयोग करना आसान है और इसके नवीनतम परिवर्तनों से यह और भी आसान हो जाएगा।

जून 2023 में, स्वेल्ट ने अपनी सबसे हालिया स्थिर रिलीज़, संस्करण 4 की घोषणा की। Svelte 4 अपडेट मुख्य रूप से Svelte 3 का रखरखाव रिलीज़ है, जिसका उद्देश्य Svelte की अगली पीढ़ी को Svelte 5 के रूप में रिलीज़ करने के लिए मंच तैयार करना है।

Svelte 4 Svelte पारिस्थितिकी तंत्र में विभिन्न सुधार जोड़ता है, जिसमें वेबसाइट को नया स्वरूप देना, स्थानीय बदलावों को डिफ़ॉल्ट के रूप में सेट करना, वेब घटकों के समर्थन में सुधार करना और टाइपस्क्रिप्ट से JSDoc में स्थानांतरित करना शामिल है।

1. विस्तृत साइट रीडिज़ाइन

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

Svelte साइट में अब एक उन्नत REPL है जो आपको सीधे ब्राउज़र में Svelte कोड के साथ प्रयोग करने की अनुमति देता है।

साथ ही, सभी Svelte ट्यूटोरियल लिंक अब नए Svelte शिक्षार्थियों के अनुभव की ओर इशारा करते हैं, जबकि पुराने ट्यूटोरियल Safari 16.3 और इससे पहले के उपयोगकर्ताओं के लिए उपलब्ध हैं।

instagram viewer

2. स्थानीय परिवर्तन डिफ़ॉल्ट हैं

अपने पृष्ठ को अपेक्षा से अधिक समय तक लोड होते देखने के बाद CSS ट्रांज़िशन के लिए समझौता करने के दर्दनाक अनुभव की कल्पना करें क्योंकि आपने Svelte ट्रांज़िशन का उपयोग किया था।

आमतौर पर, जब आप पैरेंट ब्लॉक को नष्ट करते हैं तो एक ट्रांज़िशन चलता है। आप इस व्यवहार को इसके साथ ओवरराइड कर सकते हैं |स्थानीय संशोधक. इससे संक्रमण तभी चलता है जब आप लक्ष्य घटक वाले ब्लॉक को नष्ट कर देते हैं। स्वेल्ट 4 में, यह |स्थानीय ट्रांज़िशन के लिए संशोधक को डिफ़ॉल्ट के रूप में सेट किया गया है।

नीचे दिए गए स्निपेट में, एक स्लाइड ट्रांज़िशन को स्थानीय रूप से जोड़ा गया है डिव तत्व:

 {वस्तु}

3. बेहतर वेब घटक समर्थन

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

Svelte 4 बग और विसंगतियों को दूर करते हुए, वेब घटकों को उत्पन्न करने के तरीके को बदलता है। इन परिवर्तनों में शामिल हैं:

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

4. टाइपस्क्रिप्ट से JSDoc की ओर बढ़ना

JSDoc एक दस्तावेज़ीकरण उपकरण है जो जावास्क्रिप्ट कोड में प्रकार एनोटेशन और टिप्पणियाँ जोड़ने का समर्थन करता है।

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

यदि आप टाइपस्क्रिप्ट में नए हैं, तो आपको ऐसा करना चाहिए टाइपस्क्रिप्ट का अन्वेषण करें और जानें कि डेवलपर्स इसे क्यों पसंद करते हैं.

स्वेल्टे 4 की ओर पलायन

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

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