Sveltejs Academy · पाठ

आइलैंड आर्किटेक्चर

प्रीरेंडर किए गए HTML को इंटरैक्टिव आइलैंड के चयनात्मक हाइड्रेशन के साथ संयोजित करें।

पाठ 4, कुल 4 में से13 चरण

आइलैंड आर्किटेक्चर, CoddyKit पर Sveltejs Academy का एक निःशुल्क पाठ है। यह 4 में से 4वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Sveltejs Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

आइलैंड की परिभाषा

आइलैंड आर्किटेक्चर मुख्यतः स्थैतिक HTML को अलग-अलग इंटरैक्टिव घटकों (आइलैंड) के साथ मिलाता है, जिन्हें स्वतंत्र रूप से हाइड्रेट किया जाता है।

आइलैंड क्यों

केवल आवश्यक इंटरैक्टिविटी वाले हिस्सों को हाइड्रेट करके कुल JS कम करता है। TTI तेज़ होता है।

Astro का प्रभाव

Astro ने इस पैटर्न को लोकप्रिय बनाया; SvelteKit इसे prerender और चयनात्मक हाइड्रेशन के माध्यम से अपना सकता है।

SvelteKit में कार्यान्वयन

पृष्ठों को पूर्व-रेंडर कीजिए और ssr = true का उपयोग कीजिए; विशिष्ट घटकों की आलसी लोडिंग द्वारा इंटरैक्टिविटी टालिए।

कोड विभाजन

SvelteKit प्रति रूट विभाजन करता है। इससे अधिक विभाजन के लिए पृष्ठों के भीतर डायनेमिक import() का उपयोग कीजिए।

स्थैतिक और डायनेमिक का संयोजन

मार्केटिंग पृष्ठ स्थैतिक हो सकते हैं; "सदस्यता लें" फ़ॉर्म डायनेमिक रूप से हाइड्रेट किया गया आइलैंड हो सकता है।

प्रदर्शन मापदंड

कम JS पेलोड, तेज़ सबसे बड़े कंटेंट का पेंट और बेहतर मुख्य वेब संकेतक।

समझौते

आर्किटेक्चर अधिक जटिल हो जाता है। मिश्रित स्थैतिक और डायनेमिक संरचना के लिए सावधानीपूर्वक योजना आवश्यक है।

एज SSR

वैश्विक तेज़ फ़र्स्ट पेंट और न्यूनतम JS के लिए आइलैंड्स को एज SSR के साथ मिलाइए।

फ़्रेमवर्क

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

कब उपयोग करें

सामग्री-प्रधान साइटों के लिए, जिनमें कभी-कभार इंटरैक्टिविटी हो: ब्लॉग, दस्तावेज़ और ई-कॉमर्स।

त्वरित जाँच

आइलैंड आर्किटेक्चर की मुख्य विशेषता क्या है?

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन

आइलैंड आर्किटेक्चर स्थिर HTML को चुनिंदा रूप से हाइड्रेट किए गए इंटरैक्टिव Component के साथ मिलाता है, जिससे JS न्यूनतम रहता है और TTI तेज़ होता है।

शुरुआत निःशुल्क

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 41
पाठ: 163

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “आइलैंड आर्किटेक्चर” पाठ निःशुल्क है?

हाँ—“आइलैंड आर्किटेक्चर” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Sveltejs Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“आइलैंड आर्किटेक्चर” में मैं क्या सीखूँगा?

प्रीरेंडर किए गए HTML को इंटरैक्टिव आइलैंड के चयनात्मक हाइड्रेशन के साथ संयोजित करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Sveltejs Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Sveltejs Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Sveltejs Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 4वाँ पाठ है।

“आइलैंड आर्किटेक्चर” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Sveltejs Academy पाठ में कोड लिख और चला सकता हूँ?

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

इस पाठ्यक्रम के सभी पाठ

← Sveltejs Academy पर वापस जाएँ