पुनः उपयोग योग्य Presentational Components
छोटे, props-आधारित UI pieces (buttons, cards, badges) design करें जिन्हें आसानी से reuse किया जा सके; className/style overrides स्वीकार करें और छिपे हुए side effects से बचें।
पुनः उपयोग योग्य Presentational Components, CoddyKit पर React Academy का एक निःशुल्क पाठ है। यह 3 में से 3वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह React Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। React Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।
प्रस्तुतीकरण घटक क्यों
लक्ष्य: प्रॉप्स-आधारित ऐसे उपयोगकर्ता इंटरफ़ेस हिस्से बनाएँ जिनका पुन: उपयोग और संयोजन आसानी से किया जा सके।
- स्पष्ट प्रॉप्स इंटरफ़ेस
- स्थिति-रहित दृश्य
- शैली में बदलाव
मूल दिशानिर्देश
सिद्धांत:
- प्रॉप्स को पढ़ें, उन्हें बदलें नहीं।
- कोई साइड इफ़ेक्ट नहीं; केवल रेंडर करें।
- अनुकूलन के लिए className/style उपलब्ध कराएँ।
छोटे इंटरफ़ेस का डिज़ाइन
प्रॉप्स के नाम स्पष्ट रखें; सुरक्षित डिफ़ॉल्ट मान दें; विभिन्न रूपों के लिए primary या disabled जैसे सरल बूलियन मानों को प्राथमिकता दें।
प्रस्तुतीकरण सेट का उदाहरण
उदाहरण: छोटे बटन, बैज और कार्ड घटक, जो प्रॉप्स और क्लास में बदलाव स्वीकार करते हैं।
<div id="root"></div>
संयोजन के सुझाव
सुझाव:
- लचीली सामग्री के लिए children स्वीकार करें।
- छोटे बदलावों के लिए className/style उपलब्ध कराएँ।
- विभिन्न रूपों को न्यूनतम रखें (उदाहरण के लिए, primary)।
बचने योग्य गलत प्रतिरूप
इनसे बचें:
- घटकों के भीतर प्रॉप्स को बदलना।
- छिपे हुए वैश्विक स्थिति परिवर्तन।
- बदलाव का कोई विकल्प दिए बिना शैलियों को स्थायी रूप से लिख देना।
प्रस्तुतीकरण का सर्वोत्तम तरीका
पुनरावलोकन
पुनरावलोकन: सुरक्षित डिफ़ॉल्ट मानों वाले छोटे, प्रॉप्स-आधारित घटक बनाएँ, children और className स्वीकार करें और आसान पुन: उपयोग के लिए साइड इफ़ेक्ट से बचें।
एआई शिक्षक के साथ React सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 88
- पाठ
- 324
अक्सर पूछे जाने वाले प्रश्न
क्या “पुनः उपयोग योग्य Presentational Components” पाठ निःशुल्क है?
हाँ—“पुनः उपयोग योग्य Presentational Components” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और React Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। React Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।
“पुनः उपयोग योग्य Presentational Components” में मैं क्या सीखूँगा?
छोटे, props-आधारित UI pieces (buttons, cards, badges) design करें जिन्हें आसानी से reuse किया जा सके; className/style overrides स्वीकार करें और छिपे हुए side effects से बचें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ React Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या React Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर React Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 3 में से 3वाँ पाठ है।
“पुनः उपयोग योग्य Presentational Components” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस React Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर React Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- Props पास करना और Composition Patterns
- Props और Composition
- पुनः उपयोग योग्य Presentational Components