Alpine is for example, I want to show/hide a menu on mobile. I want to upload files via drag and drop. I want to have a bin icon over an image when I hover with mouse to delete it. I want to double click an input field to edit it. I want to close an overlay when I click outside of it, or when I press “esc”.
Also modals, although you can do them in htmx very nicely too, so that’s borderline.
Anything that involves network, htmx.
Things that are just frontend, Alpine suits better.
_hyperscript is basically the Alpine equivalent.
It's like the difference between Turbo and Stimulus in the Rails world
nice! I'm curious to know why would you need Alpine or Htmx if you have one of them in your app? I thought they are mutually exclusive.
htmx = client-server networking Alpine = JS sprinkles
Alpine is for example, I want to show/hide a menu on mobile. I want to upload files via drag and drop. I want to have a bin icon over an image when I hover with mouse to delete it. I want to double click an input field to edit it. I want to close an overlay when I click outside of it, or when I press “esc”.
Also modals, although you can do them in htmx very nicely too, so that’s borderline.
Anything that involves network, htmx. Things that are just frontend, Alpine suits better.
_hyperscript is basically the Alpine equivalent.
It's like the difference between Turbo and Stimulus in the Rails world
Gotcha! I'm gonna dig more into this stack. Thanks for breaking it down for me.
we go into detail on this in the client side scripting chapter of our book:
https://hypermedia.systems/client-side-scripting/