Hotwire: HTML-over-the-Wire-Technologie

 (hotwired.dev)
2 Punkte von GN⁺ 2024-06-03 | 1 Kommentare | Auf WhatsApp teilen

HTML over the Wire

Hotwire ist ein alternativer Ansatz zum Aufbau moderner Webanwendungen, der statt JSON HTML überträgt und so den Einsatz von JavaScript minimiert. Dadurch ermöglicht es schnelle erste Seitenladezeiten, das Beibehalten serverseitigen Template-Renderings und eine einfachere, produktivere Entwicklungserfahrung.

Wichtige Inhalte

  • Schnelle erste Seitenladezeit: Durch die Übertragung von HTML wird die anfängliche Ladegeschwindigkeit erhöht.
  • Serverseitiges Template-Rendering: Templates werden auf dem Server gerendert, ohne komplexen clientseitigen JavaScript-Code.
  • Produktive Entwicklungserfahrung: Bietet in verschiedenen Programmiersprachen eine einfachere und produktivere Entwicklungsumgebung.
  • Framework des 37signals-Teams: Es kann ein Framework genutzt werden, das vom Team hinter HEY bei 37signals entwickelt wurde.

Meinung von GN⁺

  • Höhere Entwicklungsproduktivität: Durch weniger JavaScript können Entwickler Webanwendungen einfacher erstellen.
  • Mögliche höhere Serverlast: Da Templates auf dem Server gerendert werden, kann die Serverlast steigen.
  • Vergleich mit bestehenden SPAs: Die Vor- und Nachteile im Vergleich zu traditionellen Single-Page-Applications (SPAs) sollten berücksichtigt werden.
  • Unterstützung für verschiedene Sprachen: Die Nutzung in verschiedenen Programmiersprachen sorgt für hohe Flexibilität.
  • Aspekte bei der Einführung der Technologie: Kompatibilität mit bestehenden Systemen und Performancefragen sollten vorab geprüft werden.

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2024-06-03
Hacker-News-Kommentare
  • Als Nutzer der Hey-Web-App ist die Erfahrung bei langsamen Verbindungen nicht gut. Das könnte an Entwicklern liegen, die keine Lade- oder Fehlerzustände hinzugefügt haben, oder an Komplexität bzw. Bugs.
  • htmx bietet Funktionen als einzelne JavaScript-Datei und wird meist zusammen mit einem Go-Backend verwendet. Es ist flexibel, daher würde ich es gern ausprobieren.
  • Ich war Hotwire/Livewire gegenüber negativ eingestellt, verstehe jetzt aber, dass es auf den jeweiligen Fall ankommt. Da ich keine Hypermedia-Apps schreibe, habe ich das erst erkannt, nachdem ich htmx und das REST-Paper noch einmal gelesen hatte.
  • Wenn man in PHP/Laravel etwas Ähnliches sucht, würde ich Livewire empfehlen. Für komplexe Projekte nutze ich React, aber es ist erfrischend, alles in Blade/PHP schreiben zu können.
  • Es ist eine einfache Möglichkeit, eine PWA umzusetzen, und im Vergleich zu React/Vue/Svelte stärker entwicklerzentriert. Ob es sich mit Backend-Frameworks integrieren lässt, ist der entscheidende Wettbewerbsfaktor.
  • Es wird ein Link zu einer HN-Diskussion aus dem Jahr 2020 geteilt.
  • Jemand erinnert sich an einen Ansatz, den er 2005 oder 2006 verwendet hat: Klicks abfangen, Parameter hinzufügen und einen Teil des gerenderten HTML zurückgeben.
  • Bei Web-Apps, die kein hochgradig interaktives Frontend brauchen, reduzieren Turbo und Stimulus den Stoff, den neue Entwickler lernen müssen.
  • Vor zwei Jahren wurde eine noch minimalistischere Idee namens Swap JS umgesetzt, die in einigen Projekten gut funktioniert.
  • Ein aktueller Online-Beitrag darüber, dass die Modals von Hey langsam sind, hat eine Debatte über Hotwire und Rails ausgelöst. DHH behauptet, das Originalvideo habe die Geschwindigkeit gedrosselt, während andere kritisieren, dass Hotwire zu stark vom Netzwerk abhängt.