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 ...177 readsviewcomponent
Avi Flombaumcode.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...23 likes·6.7K readsRails
Avi Flombaumcode.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...6 likes·6.3K readsturbo frames
Avi Flombaumcode.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 ...454 readsturbo frames
Avi Flombaumcode.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...1 like·1.6K readsDrag & Drop
