John Beatty
@OnrailsJohn
Teaching you how to make Rails interactive. Award winning baker.
You might like
There is a lot of talk about modals in Rails, and this tutorial shows you how with some Stimulus sprinkles, you can have very interactive modals. Enjoy! youtu.be/VKJ_1qoPTsE
youtube.com
YouTube
Interactive Modals in Rails with Stimulus.js
Two Drag and Drop video tutorials which really help show how interactive Rails/HOTWire/Stimulus can be with a simple JavaScript controller. Client side: youtu.be/riBrFASNaHs Server side: youtu.be/NuWWk6iWgwg Original post: onrails.blog/2024/03/08/hot…
Apparently, server-side frameworks are not allowed to have client state (which most apps have, since forms are client state) nor do DOM manipulations, even if you have abstractions for syncing them. This makes as much sense as me asking most SPAs out there to not use a server.
Dug in deeper, had no idea anything was draggable and I didn't have any mp3s on my computer to upload before. Noticed it uses Sortable.js for drag/drop, this means the UI state is driven by DOM manipulation outside of LiveView. Somebody sent me a Trellix (dumb mini trello) that…
Week 22 - Reusing pages in Turbo Frame flows, and more! hotwireweekly.com/archive/week-2…
Longevity with a company or project is critical because it forces you to live with your own technical decisions, for better or worse. Be cognizant and wary of tech “influencers” that haven’t had to live with the results of their own poor judgement — i.e. those who jump from one…
Adding an animating loading status will help give the feeling of immediacy and “a lot of work is happening in the background” without the frustration that the page is stuck. Here's a video tutorial showing how you can get that interactivity with Turbo! youtu.be/lXxFzPU-_uE
hello friend! want some low hanging fruit to start your day? rate limit the following to 3 per hour: sign ups forgot password attempts team invites any form that sends email on submission. + remove all personalization (name, etc) from them. future self will thank you ᡣ𐭩
Week 19 - Stimulus LSP v1.0, StimulusReflex v3.5, and more! hotwireweekly.com/archive/week-1…
With Headless UI 2.0, we explore how you can convert the react switch component over to Stimulus, and we put the Stimulus Outlet API to work. youtu.be/fvm0F_f5oBA onrails.blog/2024/05/08/hea…
New Screencast on Remote form submission: youtube.com/watch?v=dB7vFH… Let me know what you think!
youtube.com
YouTube
Update Model with Checkbox using Turbo Morphing
We can use HOTWire to filter a list. Did you know you can animate in/out those items with some Stimulus sprinkles? onrails.blog/2024/04/23/ani… youtu.be/cDZ1gTEnABI
youtube.com
YouTube
Animated Data Filtering in HOTWire
When we have a long list of Todos, sometimes we want to filter them by name. We can easily do this using Turbo’s morphing and a Stimulus controller to update the page from the server. Here's my take on filtering data with HOTWire! onrails.blog/2024/04/09/fil…
📢 The time has come. I am releasing the first ever book on Kamal deployment tool Kamal Handbook. 20 chapters of awesome content + plenty of drawings to visualize the concepts. Foreword by Donal McBreen, Lead Programmer at 37signals. kamalmanual.com/handbook/
HOTWire: Considering Morphing or Turbo Frames With the new morphing features in Turbo 8, you now need to decide on when to use Turbo streams or Turbo frames instead of full page refreshing. Thankfully, all three techniques work together. onrails.blog/2024/03/26/hot…
Drag and drop functions are a fun interaction, but they may not be the best interface in every situation. Buttons are a great affordance, and we can hook them up into our existing drag and drop code without any issue. onrails.blog/2024/03/18/sti…
Turbo broadcasts means we don't need to use a different Stimulus controller to listen for updates: onrails.blog/2024/03/14/62-…
Use Turbo 8 to improve the perception of speed and interactivity on our web apps. This tutorial shows how you can use Turbo, Stimulus, and the new morphing feature to remotely update a form from a checkbox. onrails.blog/2024/03/06/sti…
onrails.blog
Stimulus.js and HotWired Tutorial: Update Model with Checkbox using Turbo Morphing - Blogging On...
If you’ve been following the changes in Turbo 8, it looks incredibly promising for improving the perception of speed and interactivity on our web apps. A lot of the Stimulus Tutorials could use an...
Kredis seems like an interesting tool for epheremal counting: You need to keep a count for a short time, but it doesn't make sense to build out something in the database
United States Trends
- 1. GeForce Season 3,591 posts
- 2. Everton 139K posts
- 3. Comey 174K posts
- 4. Amorim 59K posts
- 5. Mark Kelly 114K posts
- 6. Manchester United 82.1K posts
- 7. Seton Hall 2,204 posts
- 8. Opus 4.5 8,326 posts
- 9. Pickford 10.8K posts
- 10. UCMJ 17K posts
- 11. Dorgu 20.9K posts
- 12. Benedict Arnold 3,527 posts
- 13. #MUFC 24K posts
- 14. Hegseth 43.7K posts
- 15. #MUNEVE 15.7K posts
- 16. Halligan 53.4K posts
- 17. #OTGala10 129K posts
- 18. Zirkzee 23.1K posts
- 19. Man United 32.7K posts
- 20. Happy Thanksgiving 16.2K posts
Something went wrong.
Something went wrong.