Rails7 + Hotwireでインライン編集フォームを作ってみた

GoRailsで紹介されていたインライン編集フォームの実装を手元で再実装してみた。 [元のリポジトリ] https://github.com/thoughtbot/hotwire-example-template

[再実装したリポジトリ] 元のリポジトリでは抽象的に実装されていた部分をあえて具体的に再実装したので冗長なところがあります。 https://github.com/DaichiSaito/hotwire-inline-form/tree/develop

こんな感じで項目毎に編集ができる。 Image from Gyazo

# デモ

https://hotwire-inline-form.herokuapp.com/

# ポイント

リクエストヘッダーのTurbo-Frameがキー。edit.html.erbのレンダリング結果からそこのidが同じ箇所を部分的に差し替えてくれる。