HTMX 4.0: Hypermedia yeni vitese geçiyor
HTMX uzun zamandır "tamamlanmış" bir proje olarak görülüyordu. 2.0 sürümü, pek çok kişi için nihai duraktı: hedefler netti, üretimde yaygınca kullanılıyordu ve yaklaşım sadeliğini koruyordu. Hatta HTMX'in yaratıcısı Carson Gross, bir noktada "3.0 olmayacak" mesajını açıkça vermişti.
Sonra ekip, geliştiricilere çok tanıdık bir karar verdi: Motoru komple söküp daha modern bir temele oturttu. Sonuç HTMX 4.0 oldu. Bu sürüm numarası esprili görünse de teknik tarafta ciddi bir mimari değişimi işaret ediyor.
Neden HTMX 4.0 önemli?
HTMX 4.0’ın merkezinde, yıllardır kullanılan XMLHttpRequest (XHR) yerine doğrudan Fetch API yer alıyor. Kağıt üzerinde "teknik güncelleme" gibi duran bu adım, hem performans hem de geliştirici deneyimi açısından büyük fark yaratıyor.
Eskiden tarayıcı tarafı çoğunlukla tüm yanıtı bekleyip sonra swap işlemi yapardı. Fetch ile birlikte gelen ReadableStream desteği sayesinde HTMX artık içeriği parça parça alıp işleyebiliyor. Bu da kullanıcıya daha hızlı tepki veren, daha akıcı bir arayüz demek.
Fetch API ile doğal streaming dönemi
HTMX 2.x hattı XHR kökenli bir tasarıma dayanıyordu. Bu yaklaşım çalışıyordu; ancak yanıtı tampona alıp sonradan işlemek, özellikle uzun ya da çok parçalı yanıt senaryolarında gecikme üretiyordu.
HTMX 4.0’la birlikte akış daha doğal:
- Sunucu yanıtı geldikçe parça parça işleniyor.
- Arayüz, tek bir büyük swap yerine kademeli güncellenebiliyor.
- Daha az JavaScript koduyla daha modern bir veri akışı elde ediliyor.
Bu yapı, React Server Components benzeri modern "stream-first" yaklaşımlarla aynı doğrultuda bir fayda sunuyor; fakat HTMX’in temel vaadini koruyor: mümkün olduğunca HTML merkezli kalmak.
Idiomorph artık çekirdekte
HTMX 4.0'ın öne çıkan ikinci hamlesi, DOM morfing yaklaşımının çekirdeğe daha güçlü biçimde girmesi. Daha önce eklenti olarak kullanılan Idiomorph, artık varsayılan deneyimin bir parçası haline geliyor.
Morfing mantığı basit: Yeni gelen HTML ile mevcut DOM kıyaslanıyor, yalnızca değişen parçalar güncelleniyor. Bu da:
- Daha az oynayan ekran,
- Daha tutarlı state algısı,
- Daha hızlı görsel geçiş anlamına geliyor.
Bu yaklaşımın ilginç tarafı, Hotwired ekosistemindeki fikirlerle karşılıklı etkileşim içinde gelişmesi. Yani "HTMX vs diğerleri" yerine "iyi fikrin ortaklaşa evrimi" gibi daha sağlıklı bir tablo var.
Kırılma: prop inheritance artık açık
HTMX 4.0’ın bilinçli kırılma değişikliklerinden biri, attribute/properties mirasıyla ilgili. Önceki sürümlerde hx-target gibi bazı özellikler üst elemanlardan örtük biçimde aşağıya taşınabiliyordu. Pratikte bu, "neden bu buton burada swap yapıyor?" gibi takip edilmesi zor davranışlar doğuruyordu.
Yeni sürümde varsayılan, miras yok. Miras istiyorsanız bunu açıkça belirtmeniz gerekiyor (örneğin :inherited biçimiyle). Bu karar, davranışın yerelliği ilkesini güçlendiriyor: Bir elemanın ne yapacağını görmek için daha az "üst template kazısı" gerekiyor.
History optimizasyonu kaldırıldı
HTMX 2.x’te geçmiş gezintisini hızlandırmak için DOM snapshot alıp localStorage üzerinde tutan bir yaklaşım bulunuyordu. Teoride iyi görünse de pratikte kırılganlık üretebiliyordu. HTMX 4.0 bu karmaşık mekanizmayı sadeleştirip standart tarayıcı davranışına, yani gerektiğinde tam sayfa yüklemesine dönüyor.
Bu karar, "daha az sihir, daha öngörülebilir çalışma" çizgisinin bir devamı.
Hata durumları artık görünür
4.0 ile birlikte 404/500 gibi durumlarda gelen içerik daha anlamlı biçimde swap edilebiliyor. Önceki davranışın sessizce başarısız olduğu senaryolara göre bu, kullanıcıya ve geliştiriciye daha net geri bildirim sağlıyor.
Ayrıca durum kodu bazlı hedefleme fikri dikkat çekici: Farklı HTTP aralıklarını farklı UI alanlarına yönlendirme yaklaşımı, hata yönetimini doğrudan HTML seviyesinde anlatılır hale getiriyor.
Yeni
Özellikle dashboard benzeri ekranlarda, tek istekte sidebar + içerik + bildirim alanı güncelleme senaryolarında bu yapı ciddi temizlik sağlıyor.
Native View Transitions entegrasyonu
HTMX 4.0, tarayıcının View Transitions API kabiliyetleriyle daha uyumlu bir çizgiye geliyor. Bu da ekstra JavaScript yükü bindirmeden sayfa geçişlerinde daha "uygulama hissi" veren akışlar kurmayı kolaylaştırıyor.
Sonuç: Daha modern ama yine sade
HTMX 4.0’ın en değerli yanı, yeni özellik eklemekten çok temeli güncellemesi. Fetch API geçişi sayesinde hem streaming hem sadeleşen çekirdek mümkün oluyor; bunun üzerine Idiomorph ve diğer iyileştirmeler daha doğal biçimde yerleşiyor.
Kısaca: HTMX, "az JavaScript ile çok iş" iddiasını terk etmiyor. Sadece bu iddiayı 2026'nın tarayıcı gerçekleriyle bir üst vitese taşıyor.
