8 نیٹیو HTML ایلیمنٹس جن کے لیے آپ کو کسی لائبریری کی ضرورت نہیں ہے

اپنے براؤزر سے لڑنا بند کریں۔ ان چیزوں کے لیے لائبریریاں انسٹال کرنا چھوڑ دیں جو آپ کے پاس پہلے سے موجود ہیں۔

ان 8 نیٹیو HTML ایلیمنٹس کو آزمائیں:

  • <dialog>: ماڈلز (modals) کے لیے استعمال کریں۔ یہ فوکس اور بیک ڈراپ کو خود سنبھالتا ہے۔
  • <details> اور <summary>: ایکارڈین (accordions) کے لیے استعمال کریں۔
  • popover: مینیوز کے لیے استعمال کریں۔ اس کے لیے صفر JavaScript کی ضرورت ہوتی ہے۔
  • <select> اور <datalist>: ڈراپ ڈاؤنز اور آٹو کمپلیٹ کے لیے استعمال کریں۔
  • <input type="range">: سلائیڈرز کے لیے استعمال کریں۔ اسے CSS کے ذریعے اسٹائل کریں۔
  • <input type="color">: کلر پکرز کے لیے استعمال کریں۔
  • <input type="date">: کیلنڈرز کے لیے استعمال کریں۔ یہ موبائل پر بھی کام کرتا ہے۔
  • loading="lazy": امیج لوڈنگ کے لیے استعمال کریں۔

"نیٹیو فرسٹ" (Native first) کا مطلب یہ نہیں کہ کوئی ڈیپینڈنسی (dependency) نہ ہو۔ اس کا مطلب یہ ہے کہ npm استعمال کرنے سے پہلے آپ ڈاکومنٹیشن چیک کریں۔

لائبریریاں آپ کے کوڈ کو ساکت کر دیتی ہیں۔ براؤزرز بہتر ہوتے رہتے ہیں۔ آپ کو نئے فیچرز مفت میں مل جاتے ہیں۔

کم کوڈ شیپ (ship) کریں۔ ایکسیسبیلیٹی (accessibility) حاصل کریں۔ مینٹیننس پر کم وقت صرف کریں۔

پہلے پلیٹ فارم کی ڈاکومنٹیشن چیک کریں۔ آدھی سے زیادہ بار، فیچر صرف ایک ٹیگ کی دوری پر ہوتا ہے۔

ماخذ: https://dev.to/dimonb19a/8-native-html-elements-you-dont-need-a-library-for-29b4