8 नेटिव HTML एलिमेंट्स जिनकी आपको किसी लाइब्रेरी की ज़रूरत नहीं है

अपने ब्राउज़र से लड़ना बंद करें। उन चीज़ों के लिए लाइब्रेरी इंस्टॉल करना बंद करें जो आपके पास पहले से ही मौजूद हैं।

इन 8 नेटिव HTML एलिमेंट्स को आज़माएँ:

  • <dialog>: मॉडल्स के लिए उपयोग करें। यह फोकस और बैकड्रॉप को संभालता है।
  • <details> और <summary>: अकॉर्डियन्स के लिए उपयोग करें।
  • popover: मेनू के लिए उपयोग करें। इसमें ज़ीरो जावास्क्रिप्ट की आवश्यकता होती है।
  • <select> और <datalist>: ड्रॉपडाउन और ऑटो-कम्प्लीट के लिए उपयोग करें।
  • <input type="range">: स्लाइडर्स के लिए उपयोग करें। इसे CSS के साथ स्टाइल करें।
  • <input type="color">: कलर पिकर्स के लिए उपयोग करें।
  • <input type="date">: कैलेंडर्स के लिए उपयोग करें। यह मोबाइल पर भी काम करता है।
  • loading="lazy": इमेज लोडिंग के लिए उपयोग करें।

'नेटिव फर्स्ट' का मतलब ज़ीरो डिपेंडेंसी नहीं है। इसका मतलब है कि npm का उपयोग करने से पहले आप डॉक्यूमेंटेशन चेक करें।

लाइब्रेरीज़ आपके कोड को फ्रीज़ कर देती हैं। ब्राउज़र बेहतर होते रहते हैं। आपको नए फीचर्स मुफ्त में मिलते हैं।

कम कोड शिप करें। एक्सेसिबिलिटी प्राप्त करें। मेंटेनेंस पर कम समय बिताएं।

सबसे पहले प्लेटफॉर्म डॉक्यूमेंटेशन चेक करें। अक्सर, वह फीचर बस एक टैग की दूरी पर होता है।

स्रोत: https://dev.to/dimonb19a/8-native-html-elements-you-dont-need-a-library-for-29b4