कॉम्पोनेंट, आधुनिक वेब ऐप्लिकेशन के ज़रूरी एलिमेंट होते हैं. खुद के कॉम्पोनेंट बनाते समय, आपको किन सबसे सही तरीकों को अपनाना चाहिए, ताकि वे समय की कसौटी पर भी चल सकें?
कॉम्पोनेंट, आधुनिक वेब ऐप्लिकेशन के ज़रूरी एलिमेंट होते हैं. खुद के कॉम्पोनेंट बनाते समय, आपको किन सबसे सही तरीकों को अपनाना चाहिए, ताकि वे समय की परवाह कर सकें?
कस्टम एलिमेंट
कस्टम एलिमेंट से डेवलपर, एचटीएमएल को बढ़ा सकते हैं और खुद के टैग बना सकते हैं. कस्टम एलिमेंट, स्टैंडर्ड पर आधारित होते हैं, इसलिए उन्हें वेब पर पहले से मौजूद कॉम्पोनेंट मॉडल का फ़ायदा मिलता है. इसका नतीजा यह हुआ कि कई और मॉड्यूलर कोड बन गए. इन्हें अलग-अलग जगहों पर इस्तेमाल किया जा सकता है.
ज़्यादा जानें
शैडो DOM
Shadow DOM एक वेब स्टैंडर्ड है, जो कॉम्पोनेंट स्टाइल और मार्कअप
एनकैप्सुलेशन की सुविधा देता है. यह वेब कॉम्पोनेंट की कहानी का एक अहम हिस्सा है, क्योंकि यह पक्का करता है कि कोई कॉम्पोनेंट किसी भी एनवायरमेंट में काम करे, भले ही पेज पर कोई दूसरा सीएसएस या JavaScript चल रहा हो.
ज़्यादा जानें
सबसे सही तरीके
कस्टम एलिमेंट और शैडो डीओएम, लो-लेवल वाले प्रिमिटिव हैं. इसलिए, हमेशा यह पता नहीं चलता कि इन्हें जोड़कर, एक ऐसा कॉम्पोनेंट बनाने का सबसे सही तरीका क्या है जो कई तरह के माहौल में मज़बूत और अच्छी तरह काम करता है. इन एपीआई की मदद से, कोई भी काम किया जा सकता है. हालांकि, यहां कुछ सबसे सही तरीके दिए गए हैं, जिनकी मदद से आपके कॉम्पोनेंट कहीं भी काम कर सकते हैं.
ज़्यादा जानें
उदाहरण
HowTo-कॉम्पोनेंट, एलिमेंट का ऐसा सेट है जो कस्टम एलिमेंट
और Shadow DOM के सबसे सही तरीकों के बारे में बताता है. इन एलिमेंट को प्रोडक्शन में इस्तेमाल नहीं किया जाना चाहिए, बल्कि इन्हें पढ़ाने में मदद करने वाले टूल के तौर पर दिखाया जाता है. इससे,
लागू करने के सबसे सही तरीकों के सुझावों को लागू करने में मदद मिलती है.
ज़्यादा जानें
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2017-08-14 (UTC) को अपडेट किया गया."],[],[]]