8 нативных HTML-элементов, для которых не нужны библиотеки

Хватит бороться с браузером. Хватит устанавливать библиотеки для вещей, которые у вас уже есть.

Попробуйте эти 8 нативных HTML-элементов:

  • : Используйте для модальных окон. Он управляет фокусом и подложкой (backdrop).
  • и : Используйте для аккордеонов.
  • popover: Используйте для меню. Для него не нужен JavaScript.
  • : Используйте для слайдеров. Стилизуйте их с помощью CSS.
  • : Используйте для выбора цвета.
  • : Используйте для календарей. Он работает на мобильных устройствах.
  • loading="lazy": Используйте для ленивой загрузки изображений.

Принцип «сначала нативные средства» не означает отсутствие зависимостей. Это значит, что вы сначала изучаете документацию, а уже потом используете npm.

Библиотеки «замораживают» ваш код. Браузеры же постоянно совершенствуются. Вы получаете новые возможности бесплатно.

Пишите меньше кода. Обеспечьте доступность. Тратьте меньше времени на поддержку.

Сначала проверяйте документацию платформы. В половине случаев нужная функция — это всего лишь один тег.

Источник: https://dev.to/dimonb19a/8-native-html-elements-you-dont-need-a-library-for-29b4