Htmx – Eine JavaScript-Bibliothek, die nicht möchte, dass Sie Javascript verwenden

Ja, Sie haben richtig gelesen, stellen Sie sich vor, Sie erstellen eine funktionale Webseite, ohne Javascript überhaupt verwenden zu müssen. Nun, Big Sky Software hat eine JS-Bibliothek (Htmx) erstellt, mit der wir genau das mit vielen Zusatzfunktionen tun können.

Javascript ist die wichtigste Web-Programmiersprache, die von mehr als 98 % der Websites im Internet verwendet wird. Tausende von Softwareentwicklern auf der ganzen Welt verwenden sie, um interaktive und dynamische Web-Apps, Spiele, Server und eine Vielzahl anderer Dinge zu erstellen.

Htmx ist eine JS-Bibliothek, mit der Sie direkt über HTML auf moderne Browserfunktionen zugreifen können, anstatt Javascript zu verwenden

Die Installation ist ganz einfach, Sie können dies über CDN, eine heruntergeladene Kopie oder ein Webpack tun. Sehen Sie sich die Installationsanleitung an, um diejenige zu finden, die am besten zu Ihrem Projekt passt.

Die wichtigste Funktion, die uns diese Bibliothek bietet, ist die Möglichkeit, Ajax-Anforderungen direkt in unserem HTML-Tag zu stellen

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

Htmx bietet uns auch ein benutzerdefiniertes Dialogfeld, das angezeigt wird, wenn eine Aktion ausgelöst wird. Der folgende Code erstellt zwei Ajax-Anforderungen mit einem Popup-Fenster, bevor die Aktion eingeleitet wird.

<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>

Das ist ein Abschluss, viel Spaß beim Spielen mit dieser Bibliothek, bis wir uns wiedersehen, Prost!.

Wenn Sie möchten, können Sie sich mit mir auf Twitter verbinden