Htmx - Une bibliothèque JavaScript qui ne veut pas que vous utilisiez Javascript

Ouais, vous avez bien lu, imaginez créer une page Web fonctionnelle sans avoir besoin d'utiliser Javascript du tout, eh bien Big Sky Software a créé une bibliothèque JS (Htmx) pour nous permettre de faire exactement cela avec beaucoup de fonctionnalités complémentaires.

Javascript est le principal langage de programmation Web utilisé par plus de 98 % des sites Web sur Internet. Des milliers d'ingénieurs logiciels dans le monde l'utilisent pour créer des applications Web interactives et dynamiques, des jeux, des serveurs et une foule d'autres choses.

Htmx est une bibliothèque JS qui vous permet d'accéder aux fonctionnalités modernes du navigateur directement à partir de HTML, plutôt que d'utiliser javascript

L'installation est assez simple, vous pouvez le faire via CDN, une copie téléchargée ou un pack Web, consultez leur guide d'installation pour voir celui qui convient le mieux à votre projet.

Les fonctionnalités les plus importantes que cette bibliothèque nous offre sont la possibilité de faire une requête ajax directement dans notre balise html

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

Htmx nous propose également une boîte de dialogue personnalisée qui apparaît lorsqu'une action est déclenchée, le code ci-dessous fait deux requêtes ajax qui ont une boîte de dialogue avant que l'action ne soit lancée.

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

C'est terminé, amusez-vous à jouer avec cette bibliothèque, jusqu'à ce que nous nous revoyions, à votre santé !.

Si vous le souhaitez, vous pouvez vous connecter avec moi sur Twitter