Htmx — biblioteka JavaScript, która nie chce, abyś używał Javascript

Nov 27 2022
Tak, dobrze przeczytałeś, wyobraź sobie tworzenie funkcjonalnej strony internetowej bez konieczności używania Javascript, cóż, Big Sky Software stworzyło bibliotekę JS (Htmx), aby umożliwić nam to z wieloma dodatkowymi funkcjami. JavaScript jest głównym językiem programowania stron internetowych używanym przez ponad 98% stron internetowych, tysiące inżynierów oprogramowania na całym świecie używa go do tworzenia interaktywnych i dynamicznych aplikacji internetowych, gier, serwerów i wielu innych rzeczy.
Biblioteka JS (Htmx)

Tak, dobrze przeczytałeś, wyobraź sobie tworzenie funkcjonalnej strony internetowej bez konieczności używania Javascript, cóż, Big Sky Software stworzyło bibliotekę JS (Htmx), aby umożliwić nam to z wieloma dodatkowymi funkcjami.

JavaScript jest głównym językiem programowania stron internetowych używanym przez ponad 98% stron internetowych, tysiące inżynierów oprogramowania na całym świecie używa go do tworzenia interaktywnych i dynamicznych aplikacji internetowych, gier, serwerów i wielu innych rzeczy.

Htmx to biblioteka JS, która umożliwia dostęp do nowoczesnych funkcji przeglądarki bezpośrednio z HTML, zamiast używania javascript

Instalacja jest dość łatwa, możesz to zrobić za pośrednictwem CDN, pobranej kopii lub pakietu internetowego, sprawdź ich przewodnik instalacji, aby zobaczyć ten, który najbardziej pasuje do Twojego projektu.

Najważniejszymi funkcjami, które oferuje nam ta biblioteka, jest możliwość wykonania żądania ajax bezpośrednio w naszym tagu html

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


Htmx oferuje nam również niestandardowe okno dialogowe, które pojawia się po uruchomieniu akcji, poniższy kod tworzy dwa żądania ajax, które mają wyskakujące okienko przed zainicjowaniem akcji.

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

To koniec, baw się dobrze z tą biblioteką, Do zobaczenia ponownie, na zdrowie!.

Jeśli chcesz, możesz połączyć się ze mną na Twitterze