The All-Hotwire App
Explore how to replicate React app features using Hotwire with Rails, Stimulus, and ActionCable. Learn to convert JSX to ERB templates, create interactive seat selection and ticket purchasing functionality, manage server communication, and handle real-time multi-browser updates.
We'll cover the following...
Features replicated in Hotwire
The list of features on the venue page which will be replicated in Hotwire are:
-
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, including communication with 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, including communication with the server. ...