Hacker News new | ask | show | jobs
by BilalBudhani 897 days ago
I would say

- htmx (https://htmx.org/)

- Alpine.js (https://alpinejs.dev/)

both are minimal and very easy to get started.
2 comments
flaviocopes 897 days ago
Been enjoying using PocketBase with Astro + htmx + Alpine
link
BilalBudhani 897 days ago
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.
link
flaviocopes 897 days ago
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

link
BilalBudhani 897 days ago
Gotcha! I'm gonna dig more into this stack. Thanks for breaking it down for me.
link
recursivedoubts 897 days ago
we go into detail on this in the client side scripting chapter of our book:

https://hypermedia.systems/client-side-scripting/

link
synergy20 897 days ago
are you using one of them or both? I'm using htmx and not sure if I really need alpine.js yet.
link