Sveltejs Academy · पाठ

लेआउट में साझा डेटा

पैरेंट लेआउट में डेटा लोड करें और चाइल्ड पेजों तथा लेआउट में उस तक पहुँचें।

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

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

लेआउट लोड

+layout.js या +layout.server.js अपने नीचे के सभी पृष्ठों द्वारा साझा किया जाने वाला डेटा लोड कर सकता है।

डेटा तक पहुँचना

पृष्ठ को सभी पूर्वज लेआउट और स्वयं पृष्ठ से मिला हुआ डेटा प्राप्त होता है।

export let data;
// data has both layout and page properties

कंपोनेंट में विरासत

लेआउट ट्री में कहीं भी मिले हुए डेटा तक पहुँचने के लिए $page.data का उपयोग कीजिए।

import { page } from "$app/stores";
<p>User: {$page.data.user?.name}</p>

शीर्ष-स्तरीय प्रमाणीकरण

वर्तमान उपयोगकर्ता को मूल लेआउट में लोड कीजिए; प्रत्येक पृष्ठ $page.data के माध्यम से उस तक पहुँच सकता है।

दोहराव से बचें

डेटा की आवश्यकता वाले सबसे ऊँचे लेआउट पर डेटा लोड करने से प्रत्येक पृष्ठ में बार-बार फ़ेच करने से बचा जा सकता है।

केवल-सर्वर डेटा

संवेदनशील डेटा को +layout.server.js में लोड कीजिए, ताकि रेंडर किए जाने तक वह क्लाइंट तक न पहुँचे।

स्ट्रीमिंग

पृष्ठ लोड की तरह लेआउट लोड भी Promise को स्ट्रीम कर सकते हैं।

टकरावों का समाधान

समान कुंजी होने पर पृष्ठ का डेटा लेआउट के डेटा को अधिलेखित कर देता है।

TypeScript की विरासत

जनरेट किए गए प्रकारों के माध्यम से पृष्ठ के डेटा प्रकारों में पूर्वज लेआउट का डेटा अपने-आप शामिल होता है।

अमान्यकरण

माँग किए जाने पर विशिष्ट लेआउट लोड को फिर से चलाने के लिए invalidate का उपयोग कीजिए।

import { invalidate } from "$app/navigation";
invalidate("app:user");

पदानुक्रम

लेआउट को डेटा पदानुक्रम मानिए: वैश्विक डेटा के लिए मूल, अनुभाग-विशिष्ट डेटा के लिए अनुभाग और पृष्ठ-विशिष्ट डेटा के लिए पृष्ठ।

त्वरित जाँच

आप किसी पृष्ठ में लेआउट डेटा तक कैसे पहुँचते हैं?

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

पुनरावलोकन

लेआउट लोड एक मिला हुआ डेटा ऑब्जेक्ट बनाते हैं, जो डेटा प्रॉप और $page.data के माध्यम से वंशजों के लिए उपलब्ध होता है।

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

एआई शिक्षक के साथ 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 पर वापस जाएँ