BestWeb VenturesforBestWeb Ventures's Blogblog.bestwebventures.in·Oct 30, 2024Turbo Frames in Rails: A Complete Guide to Lazy-Loaded ComponentsWhat is Lazy Loading with Turbo Frames? Modern web applications need to be both performant and maintainable. In Rails applications, we often face the challenge of loading multiple independent widgets or components on a single page. While traditional ...Discuss·148 readsviewcomponent
Avi FlombaumProcode.avi.nyc·Feb 5, 2024FeaturedTurbo Sortable Paginated TablesWe're going to build a common UI pattern: a sortable, paginated table using the power of Ruby on Rails and Turbo Frames. Sortable Table Headers The first step is to create the sortable table headers as simple links. I wrote a few helper methods in Ru...Ashoka Shringla and 2 others are discussing this3 people are discussing thisDiscuss·23 likes·6.6K readsRailsThis is great! Hope you don't mind if I use this myself. 3
Avi FlombaumProcode.avi.nyc·Jan 25, 2024Turbo Frame Search FiltersA common pattern is having a search form that filters a list of items. That's what we're going to build now with a minimal amount of code using Turbo Frames and Stimulus. Here's what it will look like in the end. We've got a bunch of jobs, each with...Matias H. Leidemer and 1 other are discussing this2 people are discussing thisDiscuss·6 likes·5.9K readsturbo frames
Avi FlombaumProcode.avi.nyc·Oct 3, 2023Turbo Drag and Drop: Part 2 - Refactor Turbo FramesIn the previous post we built a common UI pattern of a button that reveals a form and on submitting the form, adds the newly created item to a list. We implemented the new playlist functionality using Turbo Frames and just a little bit of Javascript ...Discuss·444 readsturbo frames
Avi FlombaumProcode.avi.nyc·Sep 12, 2023Turbo Forms & Drag and Drop in Ruby on Rails: Part 1Much like the Drag and Drop Uploader I built, I've been finding that you don't need to use JS plugins to build a lot of common functionality these days. It is easier to just roll your own solution. The DOM API is modern and easy to use. In this serie...Discuss·1 like·1.5K readsDrag & Drop