Hotwire : HTML Over The Wire

 (hotwire.dev)
11 points par xguru 2020-12-27 | 7 commentaires | Partager sur WhatsApp
  • Une approche de création de pages web modernes qui consiste à transmettre directement du HTML au lieu d’envoyer du JavaScript et du JSON

→ Utilisée pour le frontend du service de messagerie Hey

  • Chargement rapide des pages, rendu côté serveur, et possibilité d’utiliser divers langages côté serveur sans sacrifier la vitesse et la réactivité d’une SPA

Turbo + Stimulus + Strada

  • Turbo : le cœur de Hotwire. Un ensemble de technologies pour créer des applications web rapides

→ Turbo Drive : convertit tous les clics sur les liens a et les soumissions de formulaires en requêtes fetch, récupère le contenu depuis le serveur puis remplace le body. Cela permet un fonctionnement similaire à une SPA

→ Turbo Frames : sépare les pages complexes en frames pour les charger et les rendre individuellement. Similaire à un iframe, mais avec des frames virtuelles gérées dans un seul DOM

→ Turbo Streams : transmet en flux les modifications de la page via WebSocket

→ Turbo Native : permet d’utiliser l’approche de Turbo dans des applications hybrides iOS/Android

  • Stimulus : Turbo gère 80 % du travail, et Stimulus s’occupe du reste. Un framework JavaScript minimal

  • Strada : un bridge qui relie le web et le natif. Annonce prévue l’année prochaine

À lire aussi

7 commentaires

 
sduck4 2020-12-28

Le concept d’envoyer du HTML me fait penser à PJAX.
 
gera1d 2020-12-28

J’ai l’impression que strada est peut-être la mise en code de ce qui était raconté ici : https://m.signalvnoise.com/basecamp-3-for-ios-hybrid-architecture/
 
outsideris 2020-12-27

Stimulus était à l’origine un framework js utilisé chez Basecamp, mais en regardant le dépôt, on dirait aussi que Turbo n’est qu’un Turbolinks rebaptisé en Turbo. Strada n’ayant pas été publié, on ne sait pas encore très bien ce qu’il en est, mais on dirait qu’ils ont regroupé des technologies existantes pour les utiliser dans une approche appelée Hotwire.
 
colus001 2020-12-27

Comme Phoenix LiveView, on dirait qu’on voit de plus en plus de tentatives de ce genre ces temps-ci. Le ras-le-bol vis-à-vis du front-end n’a-t-il pas atteint son paroxysme ?
 
gera1d 2020-12-28

Il y a peut-être M. beungj qui aime grimper sur les toits ?
 
heycalmdown 2020-12-27

L’idée est sympa.
 
xguru 2020-12-27

Quand la stack technique de Hey a été dévoilée : https://fr.news.hada.io/topic?id=2355

Ils avaient dit qu’il y avait quelque chose en plus côté front-end, en dehors de Stimulus et Turbolinks ; il semblerait que ce soit Hotwire.