htmx 4.0.0 sekiz aylık çalışmanın ardından yayımlandı

htmx ekibi 28 Ağustos'ta 4.0.0 sürümünü yayımladı; duyuruya göre bu, sekiz aylık çalışmanın sonucu. htmx, geliştiricilerin çok miktarda JavaScript yazmak yerine HTML niteliklerini genişleterek etkileşimli arayüzler kurmasını sağlayan bir kütüphane; 4.0 yeni hattın ilk büyük sürümü.

Yeniden yazım nasıl başladı

Yazarın anlattığına göre htmx 4 fikri, ayrı bir kütüphane olan fixi'yi geliştirirken JavaScript'in fetch() API'si ve asenkron programlamayla daha yakından tanışması sırasında doğdu. htmx geriye dönük uyumluluk nedeniyle her zaman XMLHttpRequest kullanmıştı. Katkıcı Christian'ın streaming HTML üzerine fikirleri, iç yapıyı fetch() üzerine taşımanın kütüphaneyi sadeleştireceğine ikna etti; Michael ve Alex de çalışmaya katıldı ve süreç fixi'nin htmx test setiyle birlikte taşınmasıyla başladı.

Üç büyük değişiklik

Kullanıcı açısından htmx 4, htmx 2'ye çok yakın; ancak üç şey değişiyor. Birincisi, nitelik kalıtımı artık örtük değil açık: bir niteliği üst öğeden alt öğelere geçirmek için :inherited son eki ekleniyor ve gerekli yerleri komut satırı aracı — npx [email protected] upgrade-check — buluyor.

İkincisi, olay adları htmx:phase:action kalıbına göre standartlaştırıldı; htmx:beforeRequest artık htmx:before:request. Hata olaylarının çoğu htmx:error altında toplandı, HTTP hata yanıtları htmx:response:error tetikliyor.

Üçüncüsü, geçmiş desteği artık sayfaları varsayılan olarak localStorage'da önbelleklemiyor. Geri gezinmede htmx sayfayı yeniden çekip body'ye ya da varsa [hx-history-elt] öğesine yerleştiriyor. Bu değişiklik, üçüncü taraf betiklerin DOM değişikliklerinin arkasındaki JavaScript olmadan geri yüklenmesinden kaynaklanan uzun süreli sorunu çözüyor. Yerel önbellek isteyenler sessionStorage kullanan hx-history-cache eklentisini ekleyebilir.

Yeni özellikler ve eklentiler

4. sürüm, idiomorph algoritmasına dayanan morph takaslarını ve bir öğeyi kendi yeni sürümüyle değiştirmenin ötesine geçmek istendiğinde out-of-band takaslardan daha anlaşılır olan yeni etiketini hazır sunuyor. fetch() geçişi eklenti sistemini yeniden düşünmeyi sağladı: hx-preload, hx-download, hx-alpine-compat ve hx-history-cache geldi; hx-sse, hx-ws ve hx-multipart akış eklentileri yenilendi. Ayrıca küçük bir ön uç betik çözümü olan hx-live ve htmx'i en popüler eklentilerle tek dosyada paketleyen htmax.js eklendi.

Kullanılabilirlik ve destek

htmx 4.0.0 paket yöneticisinden kurulabilir ya da CDN'den yüklenebilir. Proje, sürüm numarası içermeyen CDN adreslerini kullananları zorla güncellememek için 4.0'ı npm'de “latest” olarak işaretlemedi: 2.x latest kalıyor ve 4.0 hattı 2027 başına kadar “next” etiketinde kalacak.. htmx 2 süresiz desteklenecek ve ekip, yapay zekâ kod asistanları için htmx 4 ile geliştirme, hata ayıklama, eklenti yazma ve 2.x'ten geçiş konularını kapsayan skill dosyaları da yayımladı.