Htmx — Thư viện JavaScript không muốn bạn sử dụng Javascript

Vâng, bạn đã đọc đúng, hãy tưởng tượng việc tạo một Trang web chức năng mà không cần sử dụng Javascript, Big Sky Software đã tạo một thư viện JS (Htmx) để cho phép chúng tôi làm điều đó với rất nhiều tính năng bổ trợ.

Javascript là ngôn ngữ lập trình web chính được sử dụng bởi hơn 98% trang web trên internet, hàng nghìn kỹ sư phần mềm trên toàn cầu sử dụng nó để tạo các Ứng dụng web, Trò chơi, máy chủ tương tác và động và nhiều thứ khác.

Htmx là thư viện JS cho phép bạn truy cập các tính năng trình duyệt hiện đại trực tiếp từ HTML, thay vì sử dụng javascript

Việc cài đặt nó khá dễ dàng, bạn có thể thực hiện thông qua CDN, bản sao đã tải xuống hoặc gói webpack, hãy xem hướng dẫn cài đặt của họ để xem hướng dẫn phù hợp nhất với dự án của bạn.

Các tính năng quan trọng nhất mà thư viện này cung cấp cho chúng tôi là khả năng thực hiện yêu cầu ajax trực tiếp trong thẻ html của chúng tôi

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

Htmx cũng cung cấp cho chúng tôi một số hộp thoại tùy chỉnh bật lên khi một hành động được kích hoạt, mã bên dưới tạo hai yêu cầu ajax có hộp bật lên trước khi hành động được bắt đầu.

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

Thế là xong, chơi vui vẻ với thư viện này, Cho đến khi chúng ta gặp lại nhau, chúc mừng!.

Nếu bạn muốn, bạn có thể kết nối với tôi trên Twitter