Why Hotwire is AWESOME! A lesson on Turbo frames

In this video, we explore building a newsletter signup form. First, how we would typically build it and what would be required to make it work nicely (hint: JavaScript).
Then we look at how awesome turbo frames can be and how they can drastically simplify the code while improving the user experience.

---

Has this video helped you out? Consider buying me a coffee to say thanks and support future content like this, thanks!

[vaylx]

Quality Ruby/Rails content is on the rise. This is awesome, I feel so good about the future of this ecosystem :)

[dencam]

Pete, you are the best teacher.

I usually get motivated by watching your videos.

Thank you for the effort to publish this.

[PRICEX]

Please don't stop making Rails content. So glad I found your channel

[samueltekle]

Hey Pete, I'm learning a lot from your videos and being inspired. Thank you for sharing.

[alexiszucco]

Hi Pete, nice video! Thanks for sharing. It would be great to see some use case of a view _component with turbo_frame and stimulus that applies tailwind effects... something like the slide over example but with some sliding effects applied with stimulus (?. Thanks again for the videos, cool stuff

[munifmenwer]

Excellent content! If I may make a suggestion for a video idea, could you share how you handle newsletters in your applications? Specifically, how you send emails for new content and what you include in your newsletter model versus using third-party services.

[Candyapplebone]

Wow, that’s neat. So you can make your fragments like components from single page applications. I’ve been using react for the last three years but now that I’m between jobs, I’m picking Ruby back up since I played around with Ruby seven years ago. I was going to go with API only mode for Ruby on rails and just use react for the front end. But then I was talking about it in the Reddit about Ruby on rails, and they were saying things like why would you go out of your way to make an API when you can just use ERB and hotwire and all that stuff. And then I thought about it, yeah, I would have to write all of that boilerplate API code, so that the react front end could actually make request to the rails back end. I’m sure there’s a library that could come up with the Chava script API client so that in the reacts front end, all I have to do is call premade methods. But still, it sounds like going with ERB should be way simpler if I actually hypothetically knew how to do it all.

[vijayfar]

Hi, I have 2 tabs
| a href='#tabs-spend-by-account' | = link_to '#tabs-spend-by-service', data: { turbo_frame: "spend_by_services" } |

and in 2nd tab's content area I have a "turbo frame with src"
= turbo_frame_tag "spend_by_services", src: do

(turbo frame with src loads the content automatically as the page loads fully)

what I want is to load the content of 2nd tab "turboframe with src" on clicking of 2nd tab.

How can I do it? please suggest