8 native HTML-elementen waarvoor je geen library nodig hebt

Stop met het bevechten van je browser. Stop met het installeren van libraries voor zaken die je al hebt.

Probeer deze 8 native HTML-elementen:

  • <dialog>: Gebruik voor modals. Het regelt de focus en de backdrop.
  • <details> en <summary>: Gebruik voor accordions.
  • popover: Gebruik voor menu's. Het heeft nul JavaScript nodig.
  • <select> en <datalist>: Gebruik voor dropdowns en autocomplete.
  • <input type="range">: Gebruik voor sliders. Style het met CSS.
  • <input type="color">: Gebruik voor kleurkiezers.
  • <input type="date">: Gebruik voor kalenders. Het werkt op mobiel.
  • loading="lazy": Gebruik voor het laden van afbeeldingen.

"Native first" betekent niet nul dependencies. Het betekent dat je de documentatie checkt voordat je npm gebruikt.

Libraries bevriezen je code. Browsers verbeteren. Je krijgt nieuwe functies gratis mee.

Lever minder code aan. Zorg voor toegankelijkheid. Besteed minder tijd aan onderhoud.

Check eerst de platformdocumentatie. In de helft van de gevallen is de functie slechts één tag verwijderd.

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