Sveltejs Academy · पाठ

ReadableStream के साथ स्ट्रीमिंग

+server.js में Web Streams API का उपयोग करके बड़ी प्रतिक्रियाओं को क्रमिक रूप से स्ट्रीम करें।

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

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

स्ट्रीम क्यों करें

बड़े उत्तरों को क्रमशः भेजा जा सकता है, ताकि क्लाइंट तुरंत डेटा प्राप्त करना शुरू कर दे।

ReadableStream एपीआई

स्ट्रीमिंग उत्तर बनाने के लिए मानक वेब स्ट्रीम एपीआई का उपयोग करें।

const stream = new ReadableStream({
  async start(controller) {
    for (const chunk of source) {
      controller.enqueue(new TextEncoder().encode(chunk));
    }
    controller.close();
  }
});
return new Response(stream);

सर्वर-प्रेषित इवेंट्स

लाइव अपडेट के लिए text/event-stream डेटा स्ट्रीम करें।

खंडित स्थानांतरण

जैसे ही कोई कतार में जोड़ा गया खंड तैयार होता है, एचटीटीपी उसे नेटवर्क पर भेज देता है।

उपयोग के मामले

रीयल-टाइम लॉग, एआई टेक्स्ट निर्माण, फ़ाइल अपलोड और डाउनलोड, प्रगति इवेंट्स।

क्लाइंट पक्ष

स्ट्रीम का उपभोग करने के लिए क्लाइंट पर response.body.getReader() का उपयोग करें।

बैकप्रेशर

उपभोक्ता के धीमा होने पर स्ट्रीम डेटा बनाना रोक देती है। उत्पादक में अवरोध पैदा करने से बचें।

बंद करना

काम पूरा होने पर हमेशा controller.close() को कॉल करें। त्रुटि होने पर controller.error() को कॉल करें।

अडैप्टर

स्ट्रीमिंग का समर्थन अडैप्टर के अनुसार अलग-अलग होता है। adapter-node काम करता है, लेकिन कुछ एज रनटाइम में सीमाएँ होती हैं।

प्रदर्शन

स्ट्रीमिंग पहले बाइट तक पहुँचने का समय और अनुभव की गई गति, दोनों में काफ़ी सुधार करती है।

लोड के साथ संयोजन

SvelteKit की स्ट्रीमिंग लोड ऐसी प्रॉमिस लौटाती है जो समय के साथ पूरी होती हैं; यह कच्ची स्ट्रीम से अलग है।

त्वरित जाँच

स्ट्रीमिंग का मुख्य लाभ क्या है?

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

पुनरावलोकन

प्रगतिशील रूप से चंक्स स्ट्रीम करने के लिए ReadableStream को Response में लपेटें और +server.js से भेजें।

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

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

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

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

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

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

क्या “ReadableStream के साथ स्ट्रीमिंग” पाठ निःशुल्क है?

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

“ReadableStream के साथ स्ट्रीमिंग” में मैं क्या सीखूँगा?

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

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

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

“ReadableStream के साथ स्ट्रीमिंग” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

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