Sveltejs Academy · पाठ

परिकलित मान: $ प्रतिक्रियाशील घोषणाएँ

$: लेबल सिंटैक्स का उपयोग करके प्रतिक्रियाशील स्थिति से मान स्वतः प्राप्त करें।

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

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

$: लेबल

किसी भी स्टेटमेंट के आगे $: लगाकर उसे प्रतिक्रियाशील बनाएँ। संदर्भित चरों के बदलने पर वह दोबारा चलता है।

$: doubled = count * 2;

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

Svelte दाएँ पक्ष में चरों के संदर्भ खोजता है। आपको निर्भरताओं की सूची हाथ से बनाने की आवश्यकता नहीं होती।

मार्कअप में उपयोग

व्युत्पन्न मान का उपयोग टेम्पलेट में किसी अन्य प्रतिक्रियाशील चर की तरह करें।

<p>Double: {doubled}</p>

ब्लॉक रूप

रिएक्टिव लेबल साइड इफ़ेक्ट के लिए स्टेटमेंट के एक ब्लॉक को घेर सकता है।

$: {
  console.log("count changed to", count);
  localStorage.setItem("count", count);
}

एकाधिक प्रतिक्रियाशील स्टेटमेंट

आवश्यकतानुसार जितने चाहें $: स्टेटमेंट घोषित करें। Svelte उन्हें निर्भरता के आधार पर क्रम देता है।

$: doubled = count * 2;
$: quadrupled = doubled * 2;

प्रतिक्रियाशील if

सशर्त साइड इफ़ेक्ट के लिए आप $: को नियंत्रण प्रवाह के साथ मिला सकते हैं।

$: if (count >= 10) { alert("limit reached"); }

useEffect के समकक्ष

$: को अधिक सुविधाजनक useEffect के रूप में समझें। निर्भरता ऐरे की आवश्यकता नहीं होती।

भारी काम से बचें

प्रतिक्रियाशील स्टेटमेंट तेज़ होने चाहिए। महँगी गणनाओं के लिए मेमोइज़ेशन पर विचार करें या काम को किसी स्टोर में ले जाएँ।

असिंक्रोनस के अंदर

आप अंदर प्रतीक्षा कर सकते हैं, लेकिन सावधान रहें: पिछली प्रतीक्षाएँ पूरी होने से पहले कथन फिर से सक्रिय हो सकता है।

कब उपयोग न करें

इनपुट के शुद्ध फ़ंक्शन के लिए $: x = f(y) बहुत उपयोगी है। वास्तविक दुष्प्रभावों के लिए onMount जैसे जीवनचक्र हुक को प्राथमिकता दें।

केवल शीर्ष स्तर पर

$: लेबल स्क्रिप्ट ब्लॉक के शीर्ष स्तर पर होना चाहिए, किसी फ़ंक्शन या नेस्ट किए गए ब्लॉक के अंदर नहीं।

त्वरित जाँच

$: क्या करता है?

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

पुनरावलोकन

$: प्रतिक्रियाशील परिकलित मानों और दुष्प्रभावों की घोषणा करता है। निर्भरताओं का स्वतः पता लगाया जाता है।

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

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

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

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

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

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

क्या “परिकलित मान: $ प्रतिक्रियाशील घोषणाएँ” पाठ निःशुल्क है?

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

“परिकलित मान: $ प्रतिक्रियाशील घोषणाएँ” में मैं क्या सीखूँगा?

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

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

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

“परिकलित मान: $ प्रतिक्रियाशील घोषणाएँ” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

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