ブランチ更新しても追記したフォームが消えないようにするには

Question

cocoonというgemを利用してnested form的なのを作りました。
※以下のgif参考

ただ、ブラウザを更新すると追加したフォームがなくなります。

ブラウザを更新しても追記したフォームが消えないようにするにはどんな技術を導入すべきでしょうか？

とりあえずreactを勉強してますが、reactを利用すれば実現可能でしょうか。
「ブランチ更新しても追記したフォームが消えないようにする方法」みたいに助長に書きましたが、この辺の技術を指す名称はありますか？

しょぼい質問で申し訳ないですが、ご見解いただければ助かります。

Comments

[maisumakun]

確認ですが、「開発中だけ」リロードしても消えないようにすればいいのでしょうか、それとも「一般ユーザーに対しても」その挙動が必要でしょうか。

[Kimsehwa]

すみません。一般ユーザーに対してもです

Answer 1

ページのリロードを越えてJavaScript上のデータを保持しようとすれば、localStorage、sessionStorageなどのデータ構造に、必要な情報を保持することとなります。

ただ、それとCocoonを組み合わせてやろうとすると、できなくはないかもしれませんが煩雑となります。React、Vue、Riotなどの仮想DOM系のフレームワークで構築するほうが適切かもしれません。