← Back to context

Comment by BilalBudhani

2 years ago

I would say

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

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

both are minimal and very easy to get started.

6 comments

BilalBudhani

Reply
flaviocopes  2 years ago

Been enjoying using PocketBase with Astro + htmx + Alpine

  • BilalBudhani  2 years 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.

    • flaviocopes  2 years 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

      1 reply →

synergy20  2 years ago

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