Htmx: una biblioteca de JavaScript que no quiere que uses Javascript

Nov 27 2022
Sí, leíste bien, imagina crear una página web funcional sin necesidad de usar Javascript, bueno, Big Sky Software creó una biblioteca JS (Htmx) para permitirnos hacer eso con muchas funciones adicionales. Javascript es el principal lenguaje de programación web utilizado por más del 98% de los sitios web en Internet, miles de ingenieros de software en todo el mundo lo utilizan para crear aplicaciones web, juegos, servidores interactivos y dinámicos y muchas otras cosas.
Biblioteca JS (Htmx)

Sí, leíste bien, imagina crear una página web funcional sin necesidad de usar Javascript, bueno, Big Sky Software creó una biblioteca JS (Htmx) para permitirnos hacer eso con muchas funciones adicionales.

Javascript es el principal lenguaje de programación web utilizado por más del 98% de los sitios web en Internet, miles de ingenieros de software en todo el mundo lo utilizan para crear aplicaciones web, juegos, servidores interactivos y dinámicos y muchas otras cosas.

Htmx es una biblioteca JS que le permite acceder a las funciones modernas del navegador directamente desde HTML, en lugar de usar JavaScript.

Instalarlo es bastante fácil, puede hacerlo a través de CDN, una copia descargada o un paquete web, consulte su guía de instalación para ver cuál se adapta más a su proyecto.

Las características más importantes que nos ofrece esta biblioteca es la capacidad de realizar una solicitud ajax directamente dentro de nuestra etiqueta html.

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


Htmx también nos ofrece un cuadro de diálogo personalizado que aparece cuando se activa una acción, el siguiente código hace dos solicitudes ajax que tienen un cuadro emergente antes de que se inicie la acción.

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

Eso es un resumen, diviértete jugando con esta biblioteca, hasta que nos volvamos a encontrar, ¡salud!.

Si quieres, puedes conectarte conmigo en Twitter .