Hotwire: HTML Over The Wire

 (hotwire.dev)
11 Punkte von xguru 2020-12-27 | 7 Kommentare | Auf WhatsApp teilen
  • Eine Methode, aktuelle Webseiten zu erstellen, indem HTML direkt übertragen wird statt JavaScript und JSON

→ Wird im Frontend des E-Mail-Dienstes Hey verwendet

  • Schnelle Seitenladezeiten, Server-Rendering und die Möglichkeit, serverseitig verschiedene Sprachen zu nutzen, ohne die Geschwindigkeit und Reaktionsfähigkeit von SPAs zu opfern

Turbo + Stimulus + Strada

  • Turbo: Der Kern von Hotwire. Eine Sammlung von Techniken, um schnelle Web-Apps zu bauen

→ Turbo Drive: Wandelt alle Klicks auf a-Links und Formular-Submits in fetch um, lädt sie vom Server und ersetzt den body. Dadurch verhält es sich wie eine SPA

→ Turbo Frames: Teilt komplexe Seiten in Frames auf, die jeweils separat geladen und gerendert werden. Ähnlich wie iframe, aber als virtueller Frame innerhalb eines einzigen DOM verarbeitet

→ Turbo Streams: Überträgt Änderungen an der Seite als Stream per WebSocket

→ Turbo Native: Unterstützt die Nutzung des Turbo-Ansatzes in hybriden iOS-/Android-Apps

  • Stimulus: Turbo übernimmt 80 %, den Rest erledigt Stimulus. Ein minimales JavaScript-Framework

  • Strada: Eine Bridge, die Web und Native verbindet. Die Veröffentlichung ist für nächstes Jahr geplant

Verwandte Beiträge

7 Kommentare

 
sduck4 2020-12-28

Das Konzept, HTML zu übertragen, erinnert mich an PJAX.
 
gera1d 2020-12-28

Ich denke, dass strada möglicherweise das als Code umsetzt, worüber in https://m.signalvnoise.com/basecamp-3-for-ios-hybrid-architecture/ gesprochen wurde.
 
outsideris 2020-12-27

Stimulus ist zwar ursprünglich auch ein JavaScript-Framework, das bei Basecamp verwendet wurde, aber wenn man sich das Repository von Turbo ansieht, wurde Turbolinks offenbar einfach in Turbo umbenannt. Da Strada nicht veröffentlicht ist, weiß man darüber noch nicht viel, aber es scheint, als hätte man bestehende Technologien gebündelt und sie für den Ansatz namens Hotwire genutzt.
 
colus001 2020-12-27

Ähnlich wie bei Phoenix LiveView scheint es in letzter Zeit viele Versuche mit diesem Ansatz zu geben. Vielleicht hat die Frontend-Müdigkeit ihren Höhepunkt erreicht?
 
gera1d 2020-12-28

Mag Herr beungj es vielleicht, auf Dächer zu klettern?
 
heycalmdown 2020-12-27

Die Idee ist interessant.
 
xguru 2020-12-27

Als der Tech-Stack von Hey veröffentlicht wurde: https://de.news.hada.io/topic?id=2355

Es hieß, dass es im Frontend neben Stimulus und Turbolinks noch ein α gibt, und offenbar ist das Hotwire.