Is Alpine the outright leader for JS sprinkles?
Alpine is at 13.4k stars at the time of writing, still a way to go to jQuery but in the same ballpark as Stimulus (which is at 10k stars at the time of writing). GitHub stars aren’t everything but you know, Ember is next on the hitlist (although they’re really not about the JS sprinkles).
Frontend Frameworks/Libraries With Most Stars on GitHub.
Vue js - 178K ⭐
React - 162K ⭐
Angular - 70K ⭐
jQuery - 54.4K ⭐
Svelte - 42.3K ⭐
Ember js - 21.7K ⭐
Alpine js - 13.2K ⭐
— Steve7x (@anonymous_Stv) January 18, 2021
This email is supported by my GitHub Sponsors.
Here’s a super cool tool for Alpine.js + TailwindCSS users, a transition builder/preview 👍 awesome work from @david_hallin
I built a pretty neat tool for people who use @tailwindcss and @Alpine_JS - it lets you preview/tweak your transitions, and then outputs a nice block to copy/paste into your project.
GHPages Deployment: https://t.co/IrAqXrh8q5
Repo: https://t.co/kFSGipB9cd#opensource pic.twitter.com/GdQs653oph
— David Hallin (@david_hallin) January 20, 2021
Made with Alpine.js
If you’ve got something to share with the Alpine.js community, you can submit your link or reach out to me on twitter @hugo__df.
Here are this week’s Alpine.js adopters:
- lincolngreenlaw.co.uk is built with Alpine.js, CraftCMS by @amascicreative & @terry_upton
Demos:
- for those wanting to run
x-initon non-root elements there’s a gist and demo by @kevinbatdorf by @asantibanez - an image gallery with Alpine.js by @alejandrozepe
Articles & Tutorials
Lightweight Form Validation with Alpine.js and Iodine.js by @elliotclydenz on @css
[French article] Alpine.JS : le digne remplaçant de jQuery ? by @weobia
3 Simple Alpine.js Tips and Tricks by @ryangjchandler
Web Development Unlocked (Part 2) — AlpineJS by @CoreyGinnivan
[Arabic] “متى ولماذا أفضل استخدام Alpine.js” by @watheq_show
For more posts like these, you can join the Alpine.js Development Subscription, it’s a great way to support the newsletter and get early access to Alpine.js content.
Code & Tools
Alpine.js devtool 0.2.2 is out with a re-shuffle of the UI to support tabs (credit to @stephenoldham) and removal of unncessary permissions.
- Chrome chrome.google.com/webstore/detail/alpinejs-devtools/fopaemeedckajflibkpifppcankfmbhk
- Firefox addons.mozilla.org/firefox/addon/alpinejs-devtools
- Releases github.com/alpine-collective/alpinejs-devtools/releases
@ryangjchandler released v2.5.1 and v2.5.2 of Spruce with fixes to store watchers.
Adopter Reactions
John Papa & Jack Ellis are the latest to catch the Alpine.js bug
Playing with @Alpine_JS … pretty neat so far. pic.twitter.com/urIXK0waty
— John Papa (@John_Papa) January 16, 2021
The pages I render have sub-views. Those sub-views contain HTML & Alpine code. I then have a global method that handles AJAX, and it accepts a path, a data object and an Alpine object. The request then populates error/success attrs on the alpine object based on the JSON response.
— Jack Ellis (@JackEllis) January 21, 2021
Ok, alpine.js, I see you.
Just by adding a few attributes to some existing HTML, I was able to open/close behavior for a nav menu. Almost zero learning curve and took me about 60 seconds. 🤯https://t.co/0p4VMjfn6v pic.twitter.com/YFWLT6xMTG
— 🔥 Josh Branchaud 👻 (@jbrancha) January 22, 2021
I’m finding @Alpine_JS to be very very productive. It’s occupies an excellent sweet spot and is very easy to learn. I highly recommend it.
— Jesse Scaryland (@youngElPaso) January 18, 2021