Kütüphaneye İhtiyaç Duymayacağınız 8 Yerel HTML Öğesi

Tarayıcınızla savaşmayı bırakın. Zaten sahip olduğunuz şeyler için kütüphane yüklemeyi bırakın.

Bu 8 yerel HTML öğesini deneyin:

  • <dialog>: Modallar için kullanın. Odaklanmayı (focus) ve arka planı (backdrop) kendisi yönetir.
  • <details> ve <summary>: Akordiyonlar için kullanın.
  • popover: Menüler için kullanın. Sıfır JavaScript gerektirir.
  • <select> ve <datalist>: Açılır menüler ve otomatik tamamlama için kullanın.
  • <input type="range">: Kaydırıcılar için kullanın. CSS ile stil verin.
  • <input type="color">: Renk seçiciler için kullanın.
  • <input type="date">: Takvimler için kullanın. Mobilde çalışır.
  • loading="lazy": Görsel yükleme için kullanın.

"Önce yerel olan" (Native first) yaklaşımı, sıfır bağımlılık anlamına gelmez. npm kullanmadan önce dokümantasyonu kontrol etmeniz gerektiği anlamına gelir.

Kütüphaneler kodunuzu dondurur. Tarayıcılar ise gelişir. Yeni özellikleri ücretsiz olarak miras alırsınız.

Daha az kod yayınlayın. Erişilebilirlik kazanın. Bakım için daha az zaman harcayın.

Önce platform dokümantasyonunu kontrol edin. Çoğu zaman, aradığınız özellik sadece bir etiket (tag) uzağınızdadır.

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