Modern Front-End Development for Rails

The Tools We’ll Use

Over the course of the book, we’ll walk through the basics of getting Rails set up to use Webpacker to serve JavaScript and CSS to the browser. Then we will write code to get the browser to do things. We’re going to talk about two different frameworks that have very different approaches.

• Hotwire is a framework that allows you to keep most of your logic on the server and communicate with the client by sending HTML.^[1] Much of the Hotwire code uses Turbo, which is a library that allows you to do complex client-server interactions without writing custom JavaScript. Turbo itself consists of Turbo Drive, which is the successor to Turbolinks and allows you to speed up basic links through your site; Turbo Frames, which allows you ...