Sveltejs Academy · पाठ

use:enhance निर्देश

पूर्ण रीलोड के बिना क्लाइंट-साइड fetch से फॉर्म सबमिशन को क्रमिक रूप से बेहतर बनाएँ।

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

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

प्रगतिशील उन्नयन

फ़ॉर्म JS के बिना भी काम करते हैं; use:enhance उन्हें तेज़ और सहज अनुभव के लिए फ़ेच-आधारित सबमिशन में उन्नत करता है।

enhance आयात करें

$app/forms से।

import { enhance } from "$app/forms";

फ़ॉर्म पर लागू करना

फ़ॉर्म तत्व पर use: निर्देश का उपयोग करें।

<form method="POST" use:enhance>...</form>

रीलोड नहीं

पृष्ठ दोबारा लोड नहीं होता। SvelteKit फ़ेच के माध्यम से सबमिट करता है, क्रिया को संसाधित करता है और पृष्ठ को प्रतिक्रियाशील रूप से अपडेट करता है।

कस्टम हैंडलर

सबमिशन पर सूक्ष्म नियंत्रण के लिए enhance को कॉलबैक दें।

<form use:enhance={({ formData }) => {
  return ({ result }) => { /* custom handling */ };
}}>

डिफ़ॉल्ट व्यवहार

कॉलबैक के बिना, उन्नयन सुविधा उसी तरह रीडायरेक्ट करती है और डेटा रीफ़्रेश करती है, जैसे पूरा पृष्ठ सबमिट करने पर होता।

लोड होने की स्थिति

स्पिनर दिखाने के लिए कॉलबैक में स्थानीय चर के माध्यम से सबमिशन की स्थिति पर नज़र रखें।

त्रुटि से पुनर्प्राप्ति

क्रिया द्वारा लौटाई गई त्रुटियाँ पृष्ठ पर form प्रॉप में दिखाई देती हैं।

आशावादी यूआई

तुरंत प्रतिक्रिया देने के लिए सर्वर के उत्तर से पहले कॉलबैक में स्थानीय स्थिति अपडेट करें।

कई फ़ॉर्म

हर फ़ॉर्म का अपना उन्नयन व्यवहार हो सकता है। किसी वैश्विक स्थिति की आवश्यकता नहीं है।

यह महत्वपूर्ण क्यों है

एक ही निर्देश में आपको HTML फ़ॉर्म की विश्वसनीयता और SPA की सहजता मिलती है।

त्वरित जाँच

उन्नयन निर्देश क्या करता है?

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

पुनरावलोकन

use:enhance मूल फ़ॉर्म को क्लाइंट-साइड सबमिशन में उन्नत करता है। कॉलबैक के माध्यम से इसे अनुकूलित करें।

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

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

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

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

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

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

क्या “use:enhance निर्देश” पाठ निःशुल्क है?

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

“use:enhance निर्देश” में मैं क्या सीखूँगा?

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

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

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

“use:enhance निर्देश” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

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