Alpine.js for Ruby on Rails Developers: Simplifying Front End Development

[Alifatisk]

But how would Alpine communicate with the Rails backend? Do I have to manually map the routes url between FE and BE?

[zoidb]

It doesn't help to share state between the front and the backend. What apline.js really excels at is managing state on the frontend itself, especially for UI. For example, if you need to click on one thing that shows another thing, or you need to swap out ui elements it helps to make that easier.

For communicating the backend through using an api, or issuing async get/post or form submissions that is done pretty much the same as you would do it using html or javascript.

[imacrayon]

You can use https://alpine-ajax.js.org for this, or Alpine can work as an alternative to Stimulus.js in the Hotwire stack.

[avdept]

Yeah as folks said below - Rails provides data to alpine, and alpine manages state based on initial value. But you can do regular XHR requests from alpine too, since it has regular functions which you can call

[mediumsmart]

As long as it passes jslint.com I will support this.