HotwireはMPAから作る

HotwireのUIを作る時、最初から完成したUI/UXを作ろうとしないことが大切だと私は考えています。まずは簡単なMPAで機能を実現して、後からUI/UXを改善します。

まだUIデザインが固まっていない場合はもちろんですが、固まっている場合でも段階的にそれに近づけていく方がやりやすいと思います。

MPAから始める具体例

「いいね」ボタンの解説が良い例です。以下のことを順番通りに解説しています。

  1. 最初にMPA (Turbo Drive)バージョンを作る
  2. Turbo Streamsバージョンを作る
  3. 楽観的UI (Optimistic UI)バージョンを作る

詳細は解説記事をご確認していただきたいと思いますが、段階的にUI/UXを改善する感覚をわかっていただければ良いと思います。