Svelte फ्रेमवर्क क्या है और आप इसका उपयोग कैसे करते हैं?

Svelte आसपास के सबसे गर्म जावास्क्रिप्ट ढांचे में से एक है। 2022 के स्टैक ओवरफ्लो डेवलपर सर्वे में, यह वेब डेवलपर्स के बीच दूसरे सबसे पसंदीदा जावास्क्रिप्ट ढांचे के रूप में उभरा। इस गाइड में, आप बुनियादी बातों को जानेंगे और Svelte का उपयोग करके एक सरल टू-डू एप्लिकेशन का निर्माण कैसे करें।

Svelte के साथ शुरुआत करना

आप इसके साथ चीजें सेट करेंगे वाइट बिल्ड टूल. टर्मिनल खोलें और नीचे दिए गए आदेशों को क्रम से चलाएँ। प्रोजेक्ट को "svelte-app" (या अपनी पसंद) का नाम दें, Svelte को फ्रेमवर्क के रूप में चुनें, और जावास्क्रिप्ट को वेरिएंट के रूप में सेट करें।

यार्न वाइट बनाते हैं
सीडी svelte-app
धागा
यार्न देव

प्रोजेक्ट को कोड संपादक में खोलें, हटाएं उदारीकरण फ़ोल्डर, और की सामग्री को साफ़ करें app.css फ़ाइल और App.svelte फ़ाइल।

Svelte प्रतिक्रिया की तुलना कैसे करता है

DOM एक पेड़ जैसी संरचना है किसी साइट के HTML से जनरेट किया गया, जो पृष्ठ बनाने वाले विभिन्न तत्वों के बीच संबंध दिखाता है.

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

Svelte में प्रतिक्रियाशीलता और एनिमेशन

अधिकांश Svelte अनुप्रयोगों की संरचना नीचे सचित्र है। आप शामिल नहीं करना चुन सकते हैं शैली टैग केवल छोड़कर लिखी हुई कहानी और मार्कअप: