The All-Hotwire App

The list of features in the venue page that I wanted to replicate in Hotwire were:

  • Unroll the markup from the React components and go back to an ERB template.

  • Add the interaction for changing the number of tickets to buy, which also changes the status of seats from valid to invalid and vice versa. This includes talking to the server.

  • Add the interaction for clicking on a seat, which updates the status of that seat, the seats to its left and right (which might be purchased or become invalid), and the subtotal. This also includes talking to the server.

  • Add the interaction for the Clear All button.

  • Add ActionCable functionality for communicating between multiple browsers.

I had a couple of design decisions to make. My goal here ...

Get Modern Front-End Development for Rails now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.