Lit और वेब घटकों के साथ पुन: प्रयोज्य UI घटक

मैं Lit पर सच्चे वेब घटकों के रूप में इंटरफेस घटक विकसित करता हूँ, इसलिए जो तत्व आप प्राप्त करते हैं वे प्लेटफ़ॉर्म स्तर पर रहते हैं, किसी एक ढांचे से बंधे नहीं होते। प्रत्येक घटक एक पूर्ण कस्टम तत्व है जिसमें एक अलग शैडो ट्री, अपनी स्वयं की शैलियाँ जो कहीं भी लीक नहीं होतीं, और विशेषताओं, गुणों, और घटनाओं का एक स्पष्ट सेट होता है। परिणाम यह है कि वही बटन, तालिका, मोडल, या दिनांक चयनकर्ता सामान्य मार्कअप, एक बड़े एकल-पृष्ठ अनुप्रयोग, सर्वर-साइड रेंडरिंग में समान रूप से काम करता है — और जब अगला ट्रेंडी ढांचा अनिवार्य रूप से नियंत्रण में आता है, तब भी काम करता रहता है।

आमतौर पर मैं एकल विजेट नहीं बनाता बल्कि एक छोटा समेकित पुस्तकालय बनाता हूँ। पहले हम टोकन, नामकरण, पहुंच व्यवहार, और घटनाओं को लॉक करते हैं, फिर मैं ऐसे घटक प्रदान करता हूँ जो कीबोर्ड-फ्रेंडली, स्क्रीन रीडर्स के लिए समझने योग्य, कस्टम गुणों के माध्यम से थीम योग्य, और लाइव उदाहरणों के साथ सुसज्जित होते हैं। आपको स्रोत, आपके आंतरिक रजिस्ट्रियों में प्रकाशित करने के लिए एक निर्माण, एक संक्षिप्त माइग्रेशन गाइड, और संस्करणित रिलीज़ मिलती हैं। मैं एक मौजूदा डिज़ाइन सिस्टम को बढ़ा सकता हूँ, एक विरासती विजेट को एक आधुनिक तत्व के रूप में लपेट सकता हूँ, या आपके मॉकअप से एक सेट इकट्ठा कर सकता हूँ, और डिलीवरी के बाद मैं उत्पाद के बढ़ने के साथ संपर्क में रहता हूँ।

— शैडो DOM के माध्यम से शैली अलगाव के साथ पुन: प्रयोज्य कस्टम तत्व
— थीम टोकन और दस्तावेज़ीकरण के साथ डिज़ाइन सिस्टम पुस्तकालय
— पहुंच, कीबोर्ड समर्थन, और घटक स्वचालन परीक्षण