Search⌘ K
AI Features

Introduction to Hotwire and Turbo

Discover how to add front-end features in Rails using Hotwire and Turbo without heavy JavaScript. Learn to handle dynamic page updates with server-rendered HTML, reduce client-side logic, and improve app responsiveness while leveraging Rails conventions.

In the last chapter, we set up Webpacker and TypeScript. In this chapter, we’re going to start creating front-end applications with Rails by doing something that may initially seem odd. That is, we’re going to add front-end features without writing JavaScript. In fact, we are not going to write much JavaScript at all. Instead, we’re going to use Hotwire and Turbo to build client-side interactivity into our page.

The Hotwire way

Hotwire is the generic name for the ...