8 native HTML-Elemente, für die du keine Library brauchst

Hör auf, gegen deinen Browser zu kämpfen. Hör auf, Libraries für Dinge zu installieren, die du bereits hast.

Probiere diese 8 nativen HTML-Elemente aus:

  • <dialog>: Nutze es für Modals. Es kümmert sich um den Fokus und den Backdrop.
  • <details> und <summary>: Nutze sie für Accordions.
  • popover: Nutze es für Menüs. Es benötigt gar kein JavaScript.
  • <select> und <datalist>: Nutze sie für Dropdowns und Autocomplete.
  • <input type="range">: Nutze es für Slider. Gestalte es mit CSS.
  • <input type="color">: Nutze es für Color Picker.
  • <input type="date">: Nutze es für Kalender. Es funktioniert auf Mobilgeräten.
  • loading="lazy": Nutze es für das Laden von Bildern.

„Native first“ bedeutet nicht „null Abhängigkeiten“. Es bedeutet, dass du die Dokumentation prüfst, bevor du npm nutzt.

Libraries frieren deinen Code ein. Browser verbessern sich ständig. Du erhältst neue Funktionen quasi geschenkt.

Schreibe weniger Code. Erreiche Barrierefreiheit. Verbringe weniger Zeit mit der Wartung.

Prüfe zuerst die Plattform-Dokumentation. In der Hälfte der Fälle ist die Funktion nur einen Tag entfernt.

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