🙍🏾 👭 ✒️ 9 वेब घटक पुस्तकालय ⏮️ 🌭 👋🏾

1. सामग्री घटकों वेब

यदि आप शीर्षक में "सामग्री" शब्द का उपयोग करते हैं, तो यह यूआई पुस्तकालयों की रेटिंग में पहला स्थान देने की गारंटी है। Google वेब लाइब्रेरी सामग्री-घटक सामग्री-यूआई पुस्तकालय के वेब घटक का एक संस्करण है। इन वेब घटकों को विभिन्न प्रकार के संदर्भों और परिवेशों में शामिल किया जा सकता है।

इस लेख का अनुवाद EDISON सॉफ्टवेयर के सहयोग से किया गया, जो एक ऐसी कंपनी है जो एक इलेक्ट्रॉनिक मेडिकल परीक्षा प्रणाली विकसित कर रही है और सॉफ्टवेयर सहायता में भी शामिल है ।

2. पॉलिमर तत्व

Google की पॉलिमर लाइब्रेरी आपको मानक HTML तत्वों की तरह पुन: प्रयोज्य इनकैप्सुलेटेड वेब घटक बनाने की सुविधा देती है, जो किसी भी HTML तत्व को आयात और उपयोग करने में आसान है। पॉलिमर तत्व एक GitHub संगठन है जिसमें 100 से अधिक पुन: प्रयोज्य पॉलिमर घटक शामिल हैं जो स्टैंड-अलोन रिपॉजिटरी के रूप में हैं जिन्हें आप देख सकते हैं और उपयोग कर सकते हैं। एक उदाहरण:

<!-- Import a component --> <script src="https://unpkg.com/@polymer/paper-checkbox@next/paper-checkbox.js?module" type="module" ></script> <!-- Use it like any other HTML element --> <paper-checkbox>Web Components!</paper-checkbox>

3. वाडिन वेब घटक

यह एक काफी नई लाइब्रेरी है जिसमें आधुनिक ब्राउज़रों में मोबाइल और डेस्कटॉप वेब अनुप्रयोगों के लिए उपयोगकर्ता इंटरफेस बनाने के लिए लगभग 30 विकासशील ओपन सोर्स वेब घटकों का संग्रह है।

4. तार वाले तत्व

वायर्ड तत्व एक फ्रीहैंड-ड्रॉ सेट (7,000 सितारों के साथ) है। और इन तत्वों से आप वायरफ्रेम बना सकते हैं और उन्हें खींचा जाता है ताकि कोई भी दो रेंडरिंग बिल्कुल समान न हों - जैसे दो अलग-अलग हाथ से बनाई गई आकृतियाँ। आप यहां उनके साथ प्रयोग कर सकते हैं , और यहां तक कि रिएक्ट और वेउ पर भी।

5. एलिक्स

एलिक्स सामान्य उपयोगकर्ता इंटरफ़ेस टेम्पलेट्स के लिए कस्टम वेब घटकों का एक समुदाय-चालित पुन: प्रयोज्य सेट है। उच्च गुणवत्ता मानकों को सुनिश्चित करने के लिए, घटकों की तुलना स्वर्ण मानक वेब घटक चेकलिस्ट से की जाती है, जो गुणवत्ता संकेतक के रूप में एम्बेडेड एचटीएमएल तत्वों का उपयोग करता है।

6. समय तत्व

 <local-time datetime="2014-04-01T16:30:00-08:00"> April 1, 2014 4:30pm </local-time> -- <local-time datetime="2014-04-01T16:30:00-08:00"> 1 Apr 2014 21:30 </local-time>

यह बल्कि पुरानी लाइब्रेरी (1500 हजार सितारे) है। यह मुख्य रूप से एक घटक है जो मानक समय HTML तत्व के कस्टम उपप्रकार प्रदान करता है। टाइमस्टैम्प को स्थानीयकृत स्ट्रिंग या रिश्तेदार पाठ के रूप में प्रारूपित करके जो स्वचालित रूप से उपयोगकर्ता के ब्राउज़र में अपडेट किया जाता है, आप कहीं भी उपयोग करने के लिए अपने स्वयं के एक्सटेंशन बना सकते हैं।

7. यूआई 5-वेबकंप्यूटर

यह लाइब्रेरी SAP द्वारा बनाई गई है। यह हल्के, पुन: प्रयोज्य और स्वतंत्र उपयोगकर्ता इंटरफ़ेस तत्वों का एक संग्रह है। UI5 के शीर्ष पर निर्मित घटक स्टैंडअलोन तत्व नहीं हैं। आप इसे चौखटे और अनुप्रयोगों के शीर्ष पर उपयोग कर सकते हैं। घटक डिज़ाइन SAP फ़िओरी डिज़ाइन दिशानिर्देशों के साथ गठबंधन किया गया है और इसमें फ़िओरी 3 डिज़ाइन शामिल है। लाइव खेल के मैदान और एपीआई का परीक्षण करें।

8. पैटर्नफुल

डेमो चलाएँ:

 git clone git@github.com:patternfly/patternfly-elements.git cd patternfly-elements npm install # this will take a while due to lerna bootstrap npm run storybook

PatternFly Elements उन्हें बनाने के लिए लगभग 20 लचीले और हल्के वेब घटकों और उपकरणों का एक संग्रह है। PatternFly तत्व हल्के और सहज हैं (जो कि बड़े पैमाने पर वेब घटक का मानक है), प्रतिक्रिया, Vue, कोणीय, वेनिला JS में काम करते हैं, जहाँ भी HTML तत्व उपयोग किए जाते हैं।

9. वेब घटक org

यह लाइब्रेरी नहीं है, बल्कि पॉलिमर तत्वों और दोस्तों पर बनाया गया एक Google वेब घटक खोज पोर्टल है। मैं इसे यहां सूचीबद्ध करता हूं, क्योंकि यह पॉलिमर टीम से नए वेब घटकों को अपडेट करने का एक उपयोगी तरीका है और जब आप वेब घटकों के साथ काम करना शुरू करते हैं तो पढ़ने के लिए कुछ उपयोगी संसाधन प्रदान करते हैं।

अधिक संसाधन उल्लेखनीय

अधिक दिलचस्प प्रकाशन

ब्लॉग भी पढ़ें
EDISON कंपनी:

के लिए 20 पुस्तकालय
शानदार iOS आवेदन

9 वेब घटक पुस्तकालय