Htmx — Javascript の使用を望まない JavaScript ライブラリ

ええ、そのとおりです。Javascript をまったく使用せずに機能的な Web ページを作成することを想像してみてください。Big Sky Software は JS ライブラリ (Htmx) を作成し、多くのアドオン機能を使用してそれを可能にしました。

Javascriptは、インターネット上の 98% 以上の Web サイトで使用されている主要な Web プログラミング言語であり、世界中の何千人ものソフトウェア エンジニアが Javascript を使用して、インタラクティブで動的な webApps、ゲーム、サーバー、およびその他の多くのものを作成しています。

Htmx は、javascript を使用するのではなく、HTML から直接最新のブラウザー機能にアクセスできるようにする JS ライブラリーです。

インストールは非常に簡単です。CDN、ダウンロードしたコピー、または webpack を介して行うことができます。インストール ガイドをチェックして、プロジェクトに最も適したものを確認してください。

このライブラリが提供する最も重要な機能は、html タグ内で直接 ajax リクエストを行う機能です。

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

Htmx は、アクションがトリガーされたときにポップアップするカスタマイズされたダイアログ ボックスも提供します。以下のコードは、アクションが開始される前にポップアップ ボックスを持つ 2 つの 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で私とつながることができます