Htmx — библиотека JavaScript, которая не хочет, чтобы вы использовали Javascript

Nov 27 2022
Да, вы правильно прочитали, представьте себе создание функциональной веб-страницы без использования Javascript вообще, ну, Big Sky Software создала библиотеку JS (Htmx), чтобы мы могли делать это с множеством дополнительных функций. Javascript является основным языком веб-программирования, используемым более чем на 98% веб-сайтов в Интернете, тысячи инженеров-программистов по всему миру используют его для создания интерактивных и динамических веб-приложений, игр, серверов и множества других вещей.
JS-библиотека (Htmx)

Да, вы правильно прочитали, представьте себе создание функциональной веб-страницы без использования Javascript вообще, ну, Big Sky Software создала библиотеку JS (Htmx), чтобы мы могли делать это с множеством дополнительных функций.

Javascript является основным языком веб-программирования, используемым более чем на 98% веб-сайтов в Интернете, тысячи инженеров-программистов по всему миру используют его для создания интерактивных и динамических веб-приложений, игр, серверов и множества других вещей.

Htmx — это библиотека JS, которая позволяет вам получать доступ к современным функциям браузера непосредственно из HTML, а не с помощью javascript.

Установить его довольно просто, вы можете сделать это через CDN, загруженную копию или веб-пакет, ознакомьтесь с их руководством по установке, чтобы выбрать то, которое больше всего подходит для вашего проекта.

Наиболее важные функции, которые предлагает нам эта библиотека, — это возможность делать ajax-запрос непосредственно в нашем html-теге.

<button hx-get="/search" hx-trigger="click delay:2s" hx-target="#search-results">
        Load Result 
   </button>
   <div id="search-results"></div>


Htmx также предлагает нам некоторое настраиваемое диалоговое окно, которое появляется при запуске действия, приведенный ниже код делает два запроса ajax, которые имеют всплывающее окно перед инициированием действия.

<button hx-put="/post/new" hx-confirm="Are you sure you want to post this?">
  POST
</button>
<button hx-patch="/post" hx-confirm="Are you sure you want to edit your account?">
   Edit My Account
</button>

Вот и все, получайте удовольствие, играя с этой библиотекой, до новых встреч, ура!.

Если вы хотите, вы можете связаться со мной в Twitter