8 Elemen HTML Natif yang Anda Tidak Perlukan Library

Berhenti melawan pelayar anda. Berhenti memasang library untuk perkara yang anda sudah miliki.

Cuba 8 elemen HTML natif ini:

  • <dialog>: Gunakan untuk modal. Ia mengendalikan fokus dan backdrop.
  • <details> dan <summary>: Gunakan untuk akordion.
  • popover: Gunakan untuk menu. Ia tidak memerlukan JavaScript langsung.
  • <select> dan <datalist>: Gunakan untuk dropdown dan autocomplete.
  • <input type="range">: Gunakan untuk slider. Hiaskan ia dengan CSS.
  • <input type="color">: Gunakan untuk pemilih warna.
  • <input type="date">: Gunakan untuk kalendar. Ia berfungsi pada peranti mudah alih.
  • loading="lazy": Gunakan untuk pemuatan imej.

Mengutamakan ciri natif tidak bermakna sifar kebergantungan. Ia bermakna anda menyemak dokumentasi sebelum menggunakan npm.

Library membekukan kod anda. Pelayar sentiasa bertambah baik. Anda mendapat ciri-ciri baharu secara percuma.

Hantar kod yang lebih sedikit. Dapatkan aksesibiliti. Luangkan kurang masa untuk penyelenggaraan.

Semak dokumentasi platform terlebih dahulu. Selalunya, ciri tersebut hanya memerlukan satu tag sahaja.

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