Sveltejs Academy · पाठ

$effect: साइड इफ़ेक्ट

ऐसे साइड इफ़ेक्ट चलाएँ जो अपनी रिएक्टिव निर्भरताएँ बदलने पर फिर से निष्पादित हों।

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

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

साइड इफ़ेक्ट Rune

प्रतिक्रियाशील बदलावों पर प्रतिक्रिया देने वाले साइड इफ़ेक्ट के लिए $effect(() => { ... }) का उपयोग करें।

$effect(() => {
  console.log("count is", count);
});

स्वचालित ट्रैकिंग

Svelte कॉलबैक के अंदर की निर्भरताओं को अपने-आप ट्रैक करता है।

क्लीनअप फ़ंक्शन

अगली बार चलने से पहले या नष्ट होने पर सफ़ाई करने के लिए एक फ़ंक्शन लौटाएँ।

$effect(() => {
  const id = setInterval(tick, 1000);
  return () => clearInterval(id);
});

माउंट होने के बाद चलता है

इफ़ेक्ट कंपोनेंट के माउंट होने के बाद और प्रत्येक निर्भरता के बदलने पर चलता है।

SSR में नहीं चलता

SSR के दौरान $effect कॉलबैक नहीं चलते। इनका उपयोग केवल ब्राउज़र वाले तर्क के लिए करें।

माउंट से पहले के इफ़ेक्ट

$effect.pre DOM अपडेट से पहले चलता है; यह मापने और लागू करने वाले तरीकों के लिए उपयोगी है।

रूट इफ़ेक्ट

$effect.root उन्नत मामलों के लिए कंपोनेंट जीवनचक्र के बाहर एक इफ़ेक्ट बनाता है।

onMount की तुलना में

onMount एक बार चलता है; $effect निर्भरता बदलने पर फिर चलता है। अक्सर $effect, onMount और प्रतिक्रियाशील तरीकों दोनों का स्थान ले लेता है।

स्थिति सेट करने से बचें

इफ़ेक्ट के अंदर प्रतिक्रियाशील स्थिति बदलने से लूप बन सकते हैं। परिकलित मानों के लिए $derived को प्राथमिकता दें।

ट्रैक न की गई रीडिंग

किसी मान को निर्भरता के रूप में पंजीकृत किए बिना पढ़ने के लिए किसी प्रभाव के अंदर untrack() का उपयोग करें।

वास्तविक उपयोग के मामले

लॉग दर्ज करना, localStorage के साथ समन्वय करना, तृतीय-पक्ष लाइब्रेरी का एकीकरण और DOM में मैन्युअल बदलाव।

त्वरित जाँच

आप किसी प्रभाव की सफ़ाई कैसे करते हैं?

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

पुनरावलोकन

$effect साइड इफ़ेक्ट संभालता है, निर्भरताओं को ट्रैक करता है और लौटाए गए फ़ंक्शन के माध्यम से सफ़ाई का समर्थन करता है।

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

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

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

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

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

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

क्या “$effect: साइड इफ़ेक्ट” पाठ निःशुल्क है?

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

“$effect: साइड इफ़ेक्ट” में मैं क्या सीखूँगा?

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

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

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

“$effect: साइड इफ़ेक्ट” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

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