Maintaining State with Turbo Frames in Ruby on Rails 7

Persist parts of your application between pages using Turbo Frames in a similar way to how you might persist data in a SPA framework.
Checkout my course(s) at: learn.deanin.com
This Ruby on Rails 7 tutorial covers maintaining state with Turbo Frames. Hope you enjoy.
Source:
github.com/Deanout/turbo_persist
Links:
turbo.hotwired.dev/handbook/b...
turbo.hotwired.dev/reference/...
Join this channel to help support these videos:
/ @deanin
Follow me on social media:
linktr.ee/deanin
If you liked this video, please consider subscribing: t.co/RZ4EwP0F2a
#Deanin #Software #Programming

[@Deanin]

Hey, sorry if this one is lower quality than usual. Combination of real life and computer issues had me in a not great head space for this video.

[@far2go375]

Amazing stuff mate as always! Could you make a couple of videos please?? 1) Handling loading spinners in every situation, possibly as automated as possible 2) Handling errors gracefully 🙏🙏🙏

[@btrewern]

Feels like you are over thinking this one. If you add an id to the form and add data-turbo-permanent to it. It just works! No need for a turbo frame or anything else.

[@stpaquet]

I don't know why, but I would have placed data: { turbo_permanent: true } in the form to avoid the first situation you experienced.

[@azizdevfull]

Very Helpful : )

[@SergeyMoiseev]

data: { turbo: "permanent" } is data-turbo="permanent", while you looking for data: { turbo_permanent: true }

[@TheJackaldesign]

I getting "Content Missing" text in my views after update my app. This should help. Thank you!

[@kwhandy]

im searching "how to keep leftover rice" right now yt: you're looking for keeping your leftover rice to fridge? me: your right yt: here you go, but hey wanna see how basic state management works in hotwire? me: SSSSUUUUUREEEEEE

[@Deanin]

Blows my mind how bad the search in KZbin, and by extension Google, has gotten lmao. Feels like you can't go more than 5 results down before it starts giving you some strange unrelated results.

[@Tomarus32]

It didn't work because you set data-turbo="permanent" html attribute instead of data-turbo-permanent. In ERB you should have written data: { turbo_permanent: true } instead of data: { turbo: "permanent" }