Hotwire: HTML Over The Wire

 (hotwire.dev)
11 pontos por xguru 2020-12-27 | 7 comentários | Compartilhar no WhatsApp
  • Uma forma de criar páginas web modernas enviando HTML diretamente, em vez de usar JavaScript e transmissão de JSON

→ Usado no frontend do serviço de e-mail Hey

  • Permite carregamento rápido de páginas, renderização no servidor e o uso de várias linguagens no lado do servidor sem sacrificar a velocidade e a responsividade de uma SPA

Turbo + Stimulus + Strada

  • Turbo: o núcleo do Hotwire. Um conjunto de tecnologias para criar web apps rápidos

→ Turbo Drive: converte todos os cliques em links a e envios de form em fetch, busca no servidor e substitui o body. Faz com que funcione como uma SPA

→ Turbo Frames: separa páginas complexas em frames para carregar e renderizar cada um individualmente. Semelhante a iframe, mas um frame virtual processado em um único DOM

→ Turbo Streams: transmite por streaming as mudanças da página via WebSocket

→ Turbo Native: oferece suporte para usar a abordagem do Turbo em apps híbridos para iOS/Android

  • Stimulus: o Turbo cuida de 80%, e ele lida com o restante. Um framework JS mínimo

  • Strada: uma bridge que conecta web e nativo. Previsto para ser anunciado no próximo ano

Leituras relacionadas

7 comentários

 
sduck4 2020-12-28

Esse conceito de transmitir HTML me faz lembrar do PJAX.
 
gera1d 2020-12-28

Acho que o strada talvez seja a materialização em código do que foi discutido em https://m.signalvnoise.com/basecamp-3-for-ios-hybrid-architecture/.
 
outsideris 2020-12-27

O Stimulus também é originalmente um framework JS que a Basecamp usava, mas olhando o repositório, parece que o Turbo foi basicamente uma mudança de Turbolink para Turbo. O Strada ainda não foi aberto, então ainda não dá para saber direito, mas parece que pegaram tecnologias existentes e as reuniram em uma abordagem chamada Hotwire.
 
colus001 2020-12-27

Assim como o Phoenix LiveView, parece que hoje em dia têm surgido muitas tentativas desse tipo. Será que o cansaço com o frontend não chegou ao auge?
 
gera1d 2020-12-28

Talvez o sr. Beungj goste de subir no telhado?
 
heycalmdown 2020-12-27

Ideia interessante.
 
xguru 2020-12-27

Quando a stack tecnológica do Hey foi divulgada: https://pt.news.hada.io/topic?id=2355

Disseram que, no frontend, além de Stimulus e Turbolinks, havia mais um α, e parece que esse era o Hotwire.