८ नेटिव्ह HTML एलिमेंट्स ज्यासाठी तुम्हाला लायब्ररीची गरज नाही
तुमच्या ब्राउझरशी संघर्ष करणे थांबवा. तुमच्याकडे आधीच उपलब्ध असलेल्या गोष्टींसाठी लायब्ररी इन्स्टॉल करणे थांबवा.
हे ८ नेटिव्ह HTML एलिमेंट्स वापरून पहा:
<dialog>: मोडाल्ससाठी वापरा. हे फोकस आणि बॅड्रॉप (backdrop) हाताळते.<details>आणि<summary>: ॲकॉर्डियन्ससाठी वापरा.popover: मेन्यूसाठी वापरा. यासाठी अजिबात JavaScript लागत नाही.<select>आणि<datalist>: ड्रॉपडाउन्स आणि ऑटोकम्प्लीटसाठी वापरा.<input type="range">: स्लाईडर्ससाठी वापरा. CSS वापरून त्याला स्टाईल करा.<input type="color">: कलर पिकर्ससाठी वापरा.<input type="date">: कॅलेंडरसाठी वापरा. हे मोबाईलवरही काम करते.loading="lazy": इमेज लोडिंगसाठी वापरा.
'नेटिव्ह फर्स्ट' (Native first) याचा अर्थ शून्य डिपेंडन्सीज (dependencies) असा नाही. याचा अर्थ असा की npm वापरण्यापूर्वी तुम्ही डॉक्युमेंटेशन तपासावे.
लायब्ररीज तुमच्या कोडला स्थिर (freeze) करतात. ब्राउझर्समध्ये सुधारणा होत राहतात. तुम्हाला नवीन फीचर्स मोफत मिळतात.
कमी कोड शिप करा. ॲक्सेसिबिलिटी (accessibility) मिळवा. मेंटेनन्सवर कमी वेळ खर्च करा.
प्रथम प्लॅटफॉर्म डॉक्स तपासा. अर्ध्या वेळा, ते फीचर फक्त एका टॅगच्या अंतरावर असते.
स्रोत: https://dev.to/dimonb19a/8-native-html-elements-you-dont-need-a-library-for-29b4