8 elementi HTML nativi per cui non hai bisogno di una libreria

Smetti di combattere contro il tuo browser. Smetti di installare librerie per cose che hai già a disposizione.

Prova questi 8 elementi HTML nativi:

  • <dialog>: Usalo per le modali. Gestisce il focus e il backdrop.
  • <details> e <summary>: Usali per gli accordion.
  • popover: Usalo per i menu. Non richiede JavaScript.
  • <select> e <datalist>: Usali per i menu a discesa e l'autocompletamento.
  • <input type="range">: Usalo per gli slider. Personalizzalo con il CSS.
  • <input type="color">: Usalo per i selettori di colore.
  • <input type="date">: Usalo per i calendari. Funziona sui dispositivi mobili.
  • loading="lazy": Usalo per il caricamento delle immagini.

"Native first" non significa zero dipendenze. Significa consultare la documentazione prima di usare npm.

Le librerie bloccano il tuo codice. I browser migliorano. E tu erediti nuove funzionalità gratuitamente.

Rilascia meno codice. Ottieni l'accessibilità. Dedica meno tempo alla manutenzione.

Controlla prima la documentazione della piattaforma. Metà delle volte, la funzionalità è a portata di un tag.

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