Hotwire

由来

  • HTML OVER THE WIRE の略
    • ここでいう "Wire" はインターネットを指す
    • サーバーからクライアントにHTMLを送信することを意味する

概要

Turbo, Stimulus, Strada という3つの技術によって構成される

  • 最小限のJavaScriptである程度モダンなUIを実現できる
  • React などに比べて学習コストが低い
  • フロント/サーバーでアプリケーションを分ける必要がなく、開発コストを抑えられる
参考:

レンダリングの違い

React,Vueを使った通常のSPA

  • フロント側でアプリケーションを作る必要がある

1656560349286-elYFTrLqKk.png

Hotwire

  • サーバーサイドレンダリングのみ
  • 状態管理、バリデーションサーバーサイドだけで良い

1656574352227-w8197K0Vbb.png

参考