Hotwire, Turbo, Stimulusで複雑なUI/UXに挑戦したり、ベストプラクティスを考えたりして学んだことをウェブサイトにまとめました。
例に使ったソースコードも公開しています（サイト内からアクセスしてください）。
Hotwireの学習に役立てばと思います！
<a href="https://hotwire-anecdota.castle104.com" target="_blank" rel="nofollow noopener noreferrer">Hotwireよもやま話: Anecdotes on Hotwire</a>
<img src="https://storage.googleapis.com/zenn-user-upload/64358542c9b1-20241206.png" alt="Hotwireよもやま話: Anecdotes on Hotwire" loading="lazy" class="md-img"> 
Hotwireよもやま話: Anecdotes on Hotwire
いろんなトピックを載せていますが、下に簡単に抜粋します
<hr data-line="13" class="code-line">
<img src="https://storage.googleapis.com/zenn-user-upload/f4369df04c95-20241206.png" alt="HotwireとインタラクティブUI" loading="lazy" class="md-img"> 
HotwireでUIを作る時、考えを整理するために使うフレームワーク
<img src="https://storage.googleapis.com/zenn-user-upload/74ca3bd5f0a1-20241206.png" alt="Stimulus Controller Complex" width="300" loading="lazy" class="md-img"> 
<a href="https://hotwire-anecdota.castle104.com/concepts/stimulus-typical-structure" target="_blank" rel="nofollow noopener noreferrer">複雑なUIを作るときのStimulus Controllerの構造</a>
<img src="https://storage.googleapis.com/zenn-user-upload/7487e585aa33-20241206.png" alt="Apple Storeを軽く模写してHotwireとReactを比較" loading="lazy" class="md-img"> 
<a href="https://hotwire-anecdota.castle104.com/examples/store" target="_blank" rel="nofollow noopener noreferrer">Apple Storeを軽く模写してHotwireとReactを比較</a>

Hotwireを深く考えるサイトを作りました！

rails

Discussion