Props पास करना और Composition Patterns
destructuring से props पास करें और defaults दें; composition बनाम inheritance; flexible UIs के लिए children और slots-जैसे patterns।
Props पास करना और Composition Patterns, CoddyKit पर React Academy का एक निःशुल्क पाठ है। यह 3 में से 1वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह React Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। React Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।
अवलोकन
लक्ष्य: प्रॉप्स के माध्यम से डेटा भेजें, डिफ़ॉल्ट मान निर्धारित करें और चिल्ड्रेन या स्लॉट्स का उपयोग करके संयोजन से उपयोगकर्ता इंटरफ़ेस बनाएँ।
प्रॉप्स भेजने की मूल बातें
प्रॉप्स पैरेंट से चाइल्ड तक जाने वाले केवल-पठन इनपुट होते हैं। पैरेंट घटक विशेषताओं के साथ चाइल्ड घटकों को रेंडर करते हैं; चाइल्ड घटक उन्हें पैरामीटर के माध्यम से पढ़ते हैं।
- प्रॉप्स को बदलें नहीं।
- पैरेंट के प्रॉप्स या स्थिति बदलने पर फिर से रेंडर होता है।
उदाहरण: डिफ़ॉल्ट प्रॉप्स
घटकों को अधिक विश्वसनीय बनाए रखने के लिए पैरामीटर डिस्ट्रक्चरिंग से डिफ़ॉल्ट प्रॉप्स दें।
<div id="root"></div>
संयोजन, विरासत नहीं
संयोजन छोटे हिस्सों (चिल्ड्रेन/स्लॉट्स) से उपयोगकर्ता इंटरफ़ेस तैयार करता है और लचीलेपन तथा स्पष्ट डेटा प्रवाह के लिए विरासत की अपेक्षा इसे प्राथमिकता दी जाती है।
उदाहरण: चिल्ड्रेन और स्लॉट्स
विरासत के बिना लेआउट को अनुकूलित करने के लिए children और नामित slots-जैसे प्रॉप्स का उपयोग करें।
<div id="root"></div>
सुझाव और सावधानियाँ
सुझाव:
- प्रॉप्स के नाम और डिफ़ॉल्ट मानों का दस्तावेज़ बनाएँ।
- छोटे, केंद्रित चिल्ड्रेन या स्लॉट्स को प्राथमिकता दें।
- विरासत की गहरी शृंखलाओं से बचें।
डिफ़ॉल्ट प्रॉप्स की जाँच
पुनरावलोकन
पुनरावलोकन: प्रॉप्स के माध्यम से डेटा भेजें, डिस्ट्रक्चरिंग से डिफ़ॉल्ट मान जोड़ें और पुन: उपयोग योग्य उपयोगकर्ता इंटरफ़ेस के लिए विरासत की अपेक्षा संयोजन (चिल्ड्रेन/स्लॉट्स) को प्राथमिकता दें।
एआई शिक्षक के साथ React सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 88
- पाठ
- 324
अक्सर पूछे जाने वाले प्रश्न
क्या “Props पास करना और Composition Patterns” पाठ निःशुल्क है?
हाँ—“Props पास करना और Composition Patterns” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और React Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। React Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।
“Props पास करना और Composition Patterns” में मैं क्या सीखूँगा?
destructuring से props पास करें और defaults दें; composition बनाम inheritance; flexible UIs के लिए children और slots-जैसे patterns। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ React Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या React Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर React Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 3 में से 1वाँ पाठ है।
“Props पास करना और Composition Patterns” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस React Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर React Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- Props पास करना और Composition Patterns
- Props और Composition
- पुनः उपयोग योग्य Presentational Components