Hotwire: HTML Over The Wire

 (hotwire.dev)
11 poin oleh xguru 2020-12-27 | 7 komentar | Bagikan ke WhatsApp
  • Pendekatan membangun halaman web modern dengan mengirim HTML secara langsung, alih-alih mengirim JavaScript dan JSON

→ Digunakan pada frontend layanan email Hey

  • Memungkinkan loading halaman yang cepat, server rendering, serta penggunaan beragam bahasa di sisi server tanpa mengorbankan kecepatan dan responsivitas SPA

Turbo + Stimulus + Strada

  • Turbo: inti dari Hotwire. Kumpulan teknologi untuk membuat web app yang cepat

→ Turbo Drive: mengubah semua klik tautan a dan submit form menjadi fetch, lalu mengambil dari server dan mengganti body. Membuatnya bekerja seperti SPA

→ Turbo Frames: memisahkan halaman yang kompleks menjadi frame untuk dimuat dan dirender masing-masing. Mirip iframe, tetapi merupakan frame virtual yang diproses dalam satu DOM

→ Turbo Streams: mengirim perubahan halaman sebagai stream melalui WebSocket

→ Turbo Native: memungkinkan pendekatan Turbo digunakan pada aplikasi hybrid iOS/Android

  • Stimulus: Turbo menangani 80%, dan sisanya ditangani oleh Stimulus. Framework JS yang minimal

  • Strada: bridge yang menghubungkan web dan native. Dijadwalkan diumumkan tahun depan

Bacaan terkait

7 komentar

 
sduck4 2020-12-28

Konsep mengirim HTML ini mengingatkan saya pada PJAX.
 
gera1d 2020-12-28

Sepertinya strada adalah implementasi kode dari hal yang dibahas di https://m.signalvnoise.com/basecamp-3-for-ios-hybrid-architecture/ .
 
outsideris 2020-12-27

Stimulus juga awalnya adalah framework js yang digunakan di Basecamp, tetapi dari repositorinya terlihat bahwa Turbo tampaknya merupakan perubahan nama dari Turbolinks menjadi Turbo. Strada belum dipublikasikan jadi masih belum jelas, tetapi sepertinya mereka menggabungkan teknologi yang sudah ada lalu menggunakannya dalam pendekatan yang disebut Hotwire.
 
colus001 2020-12-27

Seperti Phoenix LiveView, belakangan ini tampaknya makin banyak percobaan dengan pendekatan seperti ini. Mungkin kelelahan terhadap frontend sudah mencapai puncaknya?
 
gera1d 2020-12-28

Apakah Anda mungkin Tn. beungj yang suka naik ke atap?
 
heycalmdown 2020-12-27

Idenya menarik ya
 
xguru 2020-12-27

Saat tech stack Hey dipublikasikan https://id.news.hada.io/topic?id=2355

Disebutkan bahwa di frontend ada sesuatu tambahan selain Stimulus dan Turbolinks, dan tampaknya itulah Hotwire.