Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do budowania dynamicznych aplikacji webowych z HTMX i templ. Pozwala tworzyć interaktywne interfejsy użytkownika z aktualizacjami w czasie rzeczywistym, bez konieczności pisania dużo kodu JavaScript. Komponenty templ są typobezpieczne, a HTMX obsługuje AJAX-owe interakcje bezpośrednio z HTML-a. Idealny do tworzenia SPA-ów bez dodatkowych frameworków, z renderowaniem po stronie serwera i progresywnym ulepszaniem.
Jak używać
Zaimportuj pakiet htmx w swoim projekcie Go i dodaj go do multipleksera HTTP. Użyj funkcji htmx.Mount(), aby zamontować statyczne pliki HTMX na ścieżce /.within.website/x/htmx/.
W komponencie templ odpowiedzialnym za layout strony (np. Layout) dodaj @htmx.Use() w sekcji
. Ta funkcja załaduje bibliotekę HTMX na każdej stronie.Jeśli potrzebujesz rozszerzeń HTMX (na przykład do obsługi Server-Sent Events, parametrów ścieżki lub WebSocketów), przekaż ich nazwy jako argumenty do htmx.Use(), np. @htmx.Use("sse", "path-params").
W handlerach HTTP użyj funkcji htmx.Is(r), aby sprawdzić, czy żądanie pochodzi od HTMX. Pozwala to na warunkowe zwracanie pełnej strony lub tylko fragmentu HTML-a.
Definiuj interaktywne elementy w szablonach templ, używając atrybutów HTMX takich jak hx-get, hx-post czy hx-trigger, aby wyzwalać żądania bez pełnego odświeżenia strony.
Testuj przepływ: użytkownik wchodzi na stronę, HTMX się ładuje, a następnie interakcje (kliknięcia, submity formularzy) wysyłają żądania do serwera, który zwraca fragmenty HTML zamiast JSON.