Hotwire: Teknologi HTML over the wire

 (hotwired.dev)
2 poin oleh GN⁺ 2024-06-03 | 1 komentar | Bagikan ke WhatsApp

HTML over the wire

Hotwire adalah pendekatan alternatif untuk membangun aplikasi web modern dengan mengirim HTML alih-alih JSON, sehingga meminimalkan penggunaan JavaScript. Dengan cara ini, Hotwire memberikan pemuatan halaman pertama yang cepat, mempertahankan rendering template di server, serta menghadirkan pengalaman pengembangan yang lebih sederhana dan produktif.

Poin utama

  • Pemuatan halaman pertama yang cepat: Mengirim HTML untuk meningkatkan kecepatan pemuatan awal.
  • Rendering template di server: Merender template di server tanpa kode JavaScript kompleks di sisi klien.
  • Pengalaman pengembangan yang produktif: Menyediakan lingkungan pengembangan yang lebih sederhana dan produktif di berbagai bahasa pemrograman.
  • Framework dari tim 37signals: Dapat menggunakan framework yang dirancang oleh tim 37signals yang mendukung HEY.

Opini GN⁺

  • Peningkatan produktivitas pengembangan: Dengan mengurangi penggunaan JavaScript, pengembang dapat membangun aplikasi web dengan lebih sederhana.
  • Potensi peningkatan beban server: Karena template dirender di server, beban server dapat meningkat.
  • Perbandingan dengan SPA yang sudah ada: Perlu mempertimbangkan kelebihan dan kekurangannya dibandingkan aplikasi single-page application (SPA) tradisional.
  • Dukungan berbagai bahasa: Dapat digunakan di berbagai bahasa pemrograman sehingga fleksibilitasnya tinggi.
  • Hal yang perlu dipertimbangkan saat adopsi teknologi: Kompatibilitas dengan sistem yang ada dan masalah performa perlu ditinjau terlebih dahulu.

Bacaan terkait

1 komentar

 
GN⁺ 2024-06-03
Opini Hacker News
  • Sebagai pengguna web app Hey, pengalamannya kurang baik saat koneksi lambat. Bisa jadi ini masalah pengembang yang tidak menambahkan status loading atau error, atau mungkin karena kompleksitas maupun bug.
  • htmx menyediakan fungsionalitas dalam satu file JavaScript, dan terutama digunakan bersama backend Go. Fleksibel, jadi ingin mencobanya.
  • Dulu bersikap negatif terhadap Hotwire/Livewire, tetapi sekarang paham bahwa itu tergantung konteks. Karena tidak menulis aplikasi hypermedia, hal ini baru disadari setelah membaca ulang makalah htmx dan REST.
  • Jika mencari sesuatu yang mirip di PHP/Laravel, Livewire direkomendasikan. Untuk proyek yang kompleks memakai React, tetapi terasa menyegarkan karena semuanya bisa ditulis dengan Blade/PHP.
  • Sebagai cara mudah untuk mengimplementasikan PWA, ini lebih berpusat pada pengembang dibanding React/Vue/Svelte. Kunci persaingannya adalah apakah bisa terintegrasi dengan framework backend.
  • Membagikan tautan percakapan HN dari tahun 2020.
  • Mengingat pendekatan yang pernah digunakan pada 2005 atau 2006, yaitu mencegat klik, menambahkan parameter, lalu mengembalikan sebagian HTML yang sudah dirender.
  • Untuk web app yang tidak memerlukan frontend yang sangat interaktif, Turbo dan Stimulus mengurangi hal-hal yang perlu dipelajari pengembang baru.
  • Pernah mengimplementasikan ide yang lebih minimal bernama Swap JS dua tahun lalu, dan itu bekerja dengan baik di beberapa proyek.
  • Baru-baru ini, postingan online tentang modal Hey yang lambat memicu perdebatan soal Hotwire dan Rails. DHH mengklaim video aslinya membatasi kecepatan, sementara pihak lain mengkritik Hotwire karena terlalu bergantung pada jaringan.