RVTWS: a Ruby stack for modern web apps

• html-over-the-wire

  1 58 0.0

  HTML over the wire: List of frameworks which receive HTML snippets from the server.

  At the heart of Turbo is "HTML over the wire" (for which HOTWire is an acronym), which means the server sending HTML fragments for partial page updates, which (here's the big win) eliminates the need for client-side state management. There are lots of tools taking this approach now.

• view_component

  22 2,835 8.5 Ruby

  A framework for building reusable, testable & encapsulated view components in Ruby on Rails.

  

  ViewComponent provides a home for this view-related logic. This post on the Code with Jason blog explains it best. In short, ViewComponent fills a big gap in MVC architecture.

• SonarLint

  www.sonarlint.org

  sponsored

  Clean code begins in your IDE with SonarLint. Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.

  

• turbo

  39 4,870 9.3 TypeScript

  The speed of a single-page web application without having to write any JavaScript (by hotwired)

  

  On to the frontend! Turbo is part of Hotwire, which now ships with Rails. Turbo makes it really easy to give server-rendered pages a snappy SPA feel, where parts of the page are updated instantly instead of a full page reload.

• stimulus-use

  4 1,096 8.3 JavaScript

  A collection of composable behaviors for your Stimulus Controllers

  

  Actually, Stimulus is pretty cool because you can compose multiple pre-built behaviors into one Stimulus controller, for a sort of functional approach to component behaviors. The tradeoff is that a growing web of Stimulus controllers (plus HTML data attributes associated with them) can become complex and hard to understand.

• Stimulus

  39 11,884 8.0 TypeScript

  A modest JavaScript framework for the HTML you already have

  

  Besides Turbo, the other part of Hotwire is Stimulus, which typically is used for adding client-side reactivity in situations where you want to sprinkle in some JS. After all, you wouldn't want every user interaction to involve a round trip to the server. So why am I including only Turbo here and not Stimulus?

• Ruby on Rails

  135 52,522 9.9 Ruby

  Ruby on Rails

  

  There's not much to say about Rails: it's boring tech, and therefore a good choice for most web apps.

• Roda

  10 1,931 7.4 Ruby

  Routing Tree Web Toolkit

  For anything but a large app, Roda is well worth considering. It's not the easiest for beginners, due to its philosophy of being bare-bones by default but highly extendable. But it's gradually becoming integrated into Bridgetown, whose batteries-included approach is making Roda much more accessible.

• InfluxDB

  www.influxdata.com

  sponsored

  Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

  

• htmx

  219 10,982 8.6 JavaScript

  </> htmx - high power tools for HTML

  

  Unpoly and HTMX are two of the most intriguing alternatives to Turbo because they are more framework-agnostic and have a flexible, concise syntax. Turbo, on the other hand, seems easier to get started with if you're in Rubyland.

• stimulus_reflex

  11 2,089 6.8 Ruby

  Build reactive applications with the Rails tooling you already know and love.

  

  Turbo + web components can take you a long way in making your Rails app feel modern, but there are other tools in this space that can complement them. I've already mentioned Stimulus, but there's also StimulusReflex which is like Stimulus but on the server, and CableReady which is somewhat like Turbo Streams but more flexible. Be sure to give these a try if your app is highly interactive, or if you just want to expand your horizons beyond Hotwire.

Suggest a related project