Using Alpine.js & data attributes to pass data from x-for scope
Wondering how to pass data from x-for to a nested components using Alpine.js? Stick them into the top-level element inside your x-for using x-bind:data-your-...
Run Alpine.js on the server? Going beyond the JS sprinkles
I’ve been working on a package that allows you to take in Alpine.js components and returns some HTML. You can try it at github.com/HugoDF/alpine-server-...
Do tools like Alpine.js & Tailwind make writing HTML fun?
If you told me 5 years ago that my favourite part of coding today was writing HTML I'd call you crazy. But, MY WORD, coding in Blade with Alpine and Tailwind...
v2.7.0 - a small but might Alpine.js release
Tips Tip for bigger Alpine.js components, “x-if” allows you to not evaluate them at all. 🔥 Running into an issue with too many @Alpine_JS components on the...
Why Alpine.js plays nice with server-rendering
In a surprising twist @Alpine_JS appears to work with Twig templates out of the box, I’m sure there may be a few edge case issues to tackle but overall I’m...
Is Alpine the best way to add JS to your site?
Building stuff with @Alpine_JS is so much fun. Add the 15kb library to your site and you can pretty much build any ui-component without dependencies. Here’s...
Use "await" inside of Alpine.js event handlers
Last week, Alpine.js 2.6.0 landed with a couple of bug fixes and support for "await" inside of event handlers 🔥just landed in Alpine.js 2.6.0 Use "await"...
An ode to Alpine.js
A short issue today but let’s start it off with some Alpine love: .@Alpine_JS is seriously underrated — Shritesh Bhattarai (@shritesh) August 13, 2020 When...
Detecting key combos in Alpine
It’s an Alpine.js kind of summer, tons of new projects are using it. Apparently, even Caleb (creator of Alpine.js) Googles how to listen for key...
Alpine.js translation & inline scripts pre-processing
We’ve got a couple of great ideas about tools & projects we might need in the Alpine.js community. How would a translation package for Alpine.js look? Is...
v2.5.0 and the ultimate Tailwind + Alpine.js site rebuild challenge
The Tailwind Wayback project is a great stress test of the capabilities of Alpine.js and TailwindCSS. Do you wonder what old websites would look like with...
How jQuery -> Alpine reduced lines of code by 82%
For anyone still not sold on Alpine? How about no context switching and no waiting for rebuilds? First time using @Alpine_JS in a real-world context. I can't...
400k+ Alpine.js CDN hits/month but what version do you run?
Alpine.js got 400k+ JSDeliver CDN hits last month but I would be interested if everyone could fill out the Alpine.js version poll since it seems there's a...
Alpine.js + TailwindCSS Demo Edition
.@tailwindcss was a big game changer for me the last year or two, but @Alpine_JS is quickly becoming another game changer. It makes simple, pesky stuff so...
What does open source sustainability look like?
Congratulations to Caleb (@calebporzio for reaching $100k a year in GitHub sponsors contributions. Quite a topical tweet by @getJReviews, thanks for his...
Alpine.js 2.4.0 with x-spread support
Go check out Caleb at JSNation Live demo-ing Alpine.js I'll be giving a talk on @Alpine_JS today at @thejsnation at 11:40 AM EST It'll be a quick 20 minutes....
All-in on JS/CSS/everything in markup?
If you had told me six years ago that I would one day write HTML that looked liked this, I would have called you a lying dog-faced pony soldier. I would...
Always bet on Alpine.js
There’s been a flurry of activity recently on the Alpine.js GitHub repo, it seems like we’re getting closer to getting “x-bind object of directives” syntax,...
Bye jQuery, Hello Alpine?
Is the following exchange with @horse_js a sign of things to come? jquery was good — Horse JS (@horse_js) May 28, 2020 Until @Alpine_JS Came. — Nishant Singh...
Glowing community endorsements of Alpine.js
Expect a new influx of Alpine.js adopters after Evan You (creator of Vue.js) praised it earlier this week, which took the Alpine.js repo over 8k stars and...