htmx - HTML için yüksek güçlü araçlar

 (htmx.org)
3 puan yazan xguru 2020-05-29 | 1 yorum | WhatsApp'ta paylaş

  • HTML içinde AJAX, WebSockets vb. özellikleri doğrudan kullanmayı sağlayan bir kütüphane

  • 7kb, bağımlılığı yok, IE11 uyumlu ve genişletilebilir

  • intercooler.js'in devamı

  • Davranışı belirtmek için tüm öğelere öznitelikler ekleniyor

→ hx-trigger : click, change, submit, mouseenter ile tetiklenir. once ile yalnızca bir kez çalışacak şekilde ayarlanabilir. delay:100ms ile gecikme de ayarlanabilir

→ hx-post, hx-get vb. : POST/GET/PUT/PATCH/DELETE HTTP Request çağrıları

→ hx-target : istek sonucunun gönderileceği öğeyi belirtir

→ hx-swap : istek sonucunun nasıl değiştirileceğini belirtir. innerHTML, outerHTML, afterbegin, beforebegin, beforeend, afterend

→ hx-ws : WebSocket bağlantısı

→ hx-sse : Server Sent Events alma

→ hx-push-url : tarayıcı geçmişine kaydetme

  • htmx.logger ile tüm event'ler loglanabilir

  • Eklentiler : json-enc, morphdom-swap, client-side-templates, path-deps, class-tools

İlgili okumalar

1 yorum

 
xguru 2020-05-29

Önceki sürüm olan intercooler.js’nin jQuery bağımlılığı kaldırılmış ve etiketler daha temiz şekilde düzenlenmiş.