Hotwire: HTML Over The Wire

 (hotwire.dev)
11 puan yazan xguru 2020-12-27 | 7 yorum | WhatsApp'ta paylaş
  • Modern web sayfalarını JavaScript ve JSON aktarımı yerine, HTML'i doğrudan göndererek oluşturma yaklaşımı

→ Hey e-posta servisinin frontend'inde kullanılıyor

  • Hızlı sayfa yükleme, sunucu tarafı render etme ve SPA'nın hız ile tepkiselliğinden ödün vermeden sunucu tarafında çeşitli dillerin kullanılabilmesini sağlıyor

Turbo + Stimulus + Strada

  • Turbo: Hotwire'ın çekirdeği. Hızlı web uygulamaları oluşturmayı sağlayan teknolojiler bütünü

→ Turbo Drive: Tüm a bağlantısı tıklamalarını ve form gönderimlerini fetch'e dönüştürerek sunucudan içeriği alıp body'yi değiştirir. SPA gibi çalışmasını sağlar

→ Turbo Frames: Karmaşık sayfaları çerçevelere ayırarak her birini ayrı yükleyip render eder. iframe'e benzer ama tek bir DOM içinde işlenen sanal bir frame'dir

→ Turbo Streams: Sayfa değişikliklerini WebSocket ile akış halinde iletir

→ Turbo Native: Turbo yaklaşımının iOS/Android hibrit uygulamalarda kullanılmasını destekler

  • Stimulus: Turbo'nun %80'ini hallettiği yapıda, geri kalan kısmı ele alır. Minimal bir JS framework'ü

  • Strada: Web ile native'i bağlayan bir bridge. Gelecek yıl duyurulması planlanıyor

İlgili okumalar

7 yorum

 
sduck4 2020-12-28

HTML gönderme fikri PJAX'i akla getiriyor.
 
gera1d 2020-12-28

Bence strada, https://m.signalvnoise.com/basecamp-3-for-ios-hybrid-architecture/ bağlantısında anlatılanların koda dökülmüş hali gibi görünüyor.
 
outsideris 2020-12-27

Stimulus aslında Basecamp'te kullanılan bir JS framework'üydü ama depoya bakınca Turbo'nun da Turbolinks'in adının Turbo olarak değiştirilmiş hali olduğu anlaşılıyor. Strada henüz yayımlanmadığı için onu tam bilmiyorum ama mevcut teknolojileri bir araya getirip Hotwire adlı bir yaklaşımda kullanmış gibi görünüyor.
 
colus001 2020-12-27

Phoenix LiveView de öyle; bugünlerde bu tür yaklaşımlara yönelik pek çok deneme ortaya çıkıyor gibi görünüyor. Acaba frontend yorgunluğu zirveye ulaşmış olabilir mi?
 
gera1d 2020-12-28

Acaba çatıya çıkmayı seven Bay Beungj siz misiniz?
 
heycalmdown 2020-12-27

Fikir ilginçmiş.
 
xguru 2020-12-27

Hey'in teknoloji yığını açıklandığında https://tr.news.hada.io/topic?id=2355

Frontend'de Stimulus ve Turbolinks'e ek olarak bir α daha olduğu söylenmişti; görünüşe göre bu da Hotwire'mış.