Hotwire: tecnologia HTML over the wire

HTML over the wire

Hotwire é uma abordagem alternativa para construir aplicações web modernas transmitindo HTML em vez de JSON, minimizando o uso de JavaScript. Com isso, oferece carregamento mais rápido da primeira página, manutenção da renderização de templates no servidor e uma experiência de desenvolvimento mais simples e produtiva.

Principais pontos

• Carregamento rápido da primeira página: transmite HTML para aumentar a velocidade do carregamento inicial.
• Renderização de templates no servidor: renderiza templates no servidor sem código JavaScript complexo no lado do cliente.
• Experiência de desenvolvimento produtiva: oferece um ambiente de desenvolvimento mais simples e produtivo em várias linguagens de programação.
• Framework da equipe da 37signals: é possível usar o framework projetado pela equipe da 37signals que mantém o HEY.

Opinião do GN⁺

• Maior produtividade no desenvolvimento: ao reduzir o uso de JavaScript, os desenvolvedores podem construir aplicações web de forma mais simples.
• Possível aumento de carga no servidor: como os templates são renderizados no servidor, a carga do servidor pode aumentar.
• Comparação com SPAs existentes: é preciso considerar as vantagens e desvantagens em relação às aplicações tradicionais de página única (SPA).
• Suporte a várias linguagens: pode ser usado em diferentes linguagens de programação, o que aumenta a flexibilidade.
• Pontos a considerar na adoção da tecnologia: é necessário revisar antecipadamente a compatibilidade com sistemas existentes e questões de desempenho.

[GN⁺]

Comentários do Hacker News

• Como usuário do app web Hey, a experiência não é boa em conexões lentas. Pode ser um problema dos desenvolvedores por não adicionarem estados de carregamento ou erro, ou pode ser por causa da complexidade ou de bugs.
• O htmx oferece funcionalidades em um único arquivo JavaScript e é usado principalmente com backend em Go. É flexível, então gostaria de experimentar.
• Eu tinha uma visão negativa de Hotwire/Livewire, mas agora entendo que depende do contexto. Como eu não escrevo apps de hipermídia, só percebi isso depois de reler o artigo do htmx e o paper sobre REST.
• Se estiver procurando algo parecido em PHP/Laravel, recomendo o Livewire. Em projetos complexos uso React, mas é revigorante poder escrever tudo em Blade/PHP.
• É uma forma fácil de implementar PWA e é mais voltada para desenvolvedores do que React/Vue/Svelte. O fator decisivo na competição é se há integração com frameworks de backend.
• Compartilha um link para uma discussão no HN de 2020.
• Relembra uma abordagem que usou em 2005 ou 2006, interceptando cliques e adicionando parâmetros para retornar partes de HTML já renderizado.
• Em apps web que não precisam de um frontend altamente interativo, Turbo e Stimulus reduzem o que novos desenvolvedores precisam aprender.
• Implementou uma ideia ainda mais minimalista chamada Swap JS há 2 anos, e ela funcionou bem em alguns projetos.
• Uma postagem online recente sobre a lentidão dos modais do Hey gerou debate sobre Hotwire e Rails. DHH afirma que o vídeo original limitava a velocidade, enquanto outros criticam o Hotwire por depender demais da rede.