Mastering Turbo Frames and Turbo Streams in Rails 7: Build a Journal Entry Tagging Feature

Learn how to add seamless client-side interactivity to your Rails 7 application without writing a single line of custom JavaScript! In today's tutorial, I walk you through a hands-on example where we enhance a journaling app, allowing users to manage tags dynamically. All of this is achieved using Turbo Frames and Turbo Streams.
Follow along on Substack 👇
seankeever.substack.com/p/tur...
🔵 What You Will Learn:
- Setting up Turbo Frames and Turbo Streams
- Building a tagging feature for a journaling application
- Creating and managing tags inline without a page reload
- Implementing CRUD actions for tags through Turbo Streams
- Adding server-side validation and handling errors smoothly
👍 If you find this video helpful, make sure to like and subscribe for more Rails 7 tutorials. See you in the next one!
#rubyonrails

[@sadiqmmm]

Really nice video on Turbo. The concept is explained nicely and the example is great.

[@SkiesDev]

Thanks for watching! I’m glad you enjoyed it.

[@sharkby7e]

This video is awesome. I work as a rails dev and use turbo, and this is such a great clear example of crud with turbo!

[@SkiesDev]

Thanks for the feedback! I’m glad you liked it.

[@ahmed_aboelleef]

this helped a lot , 1,000,000 thanks

[@SkiesDev]

Great to hear. Thanks for the feedback

[@MarceloAlarcon-tx6qe]

Really nice video brow. Maybe next time you should slow down a bit. Some of us are still learning and if you run too fast we may have to re-watch the video several times. Thanks!

[@SkiesDev]

That’s ok. Rewatching is good for the KZbin algorithm! Haha just playing- thanks for the feedback.

[@letitbleep2683]

Agree, but it's not the speed it's the lack of space between the edits. These kind of lightening edits are really uncomfortable to listen too. Good job on the content though.

[@SkiesDev]

@@letitbleep2683 That's great feedback. I'll be sure to take a beat in future videos. Appreciate it

[@springify_boot]

Thank you for the content. It looks like you know your stuff, would you mind doing a small project (even couple of hours) to teach us newbies rails 7 w Hotwire Turbo Stimulus please.

[@SkiesDev]

What would you like to know?

[@springify_boot]

@@SkiesDev any project which include rails 7 hotwire stimulus and rspec is great for me. After that series we might have a better understand about these technologies maybe

[@SkiesDev]

Let me think of a project that would be useful to teach. Stay tuned. Until then check out this video on creating a ChatGPT clone. We use Stimulus in this example: kzbin.info/www/bejne/kJSsmqFvh6ycn5Y

[@dencam]

Nice video, Could you kindly do a longer video or a project tutorial.

[@SkiesDev]

Thanks for watching. What would you like to see in a future video?

[@007KrausBean]

How to see Turbo Streams at 100000 mph. That was a blur.

[@SkiesDev]

Check out the companion guide on Substack if it helps.