Alpine.js Weekly #54
A few announcements this week.
Alpine Devtools v1.0.0 is out for Chrome and Firefox.
Alpine.js devtools 1.0.0 is out
(Much) faster boot times and performance for components (even big ones) see below. Reset selected component on navigation.
Chrome (pending review): https://chrome.google.com/webstore/detail/alpinejs-devtools/fopaemeedckajflibkpifppcankfmbhk
Firefox: https://addons.mozilla.org/firefox/addon/alpinejs-devtools/
Release: https://github.com/alpine-collective/alpinejs-devtools/releases/v1.0.0
— Hugo (@hugo__df) March 15, 2021
Simone and Kevin have been working on an x-unsafe-html custom directive 👀.
Have you ever dreamt of single file, reusable @Alpine_JS components that you can pull in from an external file and have Alpine just work? Now you can with the
x-unsafe-htmlcustom directive via the Magic Helper project repo: https://t.co/VCrdt8Yh2n
Demo: https://t.co/XLcQh5bVDM pic.twitter.com/ymtXUt3SSB— Kevin Batdorf (@kevinbatdorf) March 16, 2021
Caleb also gave a talk at Laracon Online this week, from what I heard it was more about Livewire than Alpine, but it looks like Alpine v3 is still happening, probably some time soon.
This newsletter supported by my GitHub Sponsors.
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:
- TellFly.com is built Django, Tailwind and Alpine by @davemerwin
- kanochart.com rebuild will be with FastAPI + TailwindCSS + AlpineJS by @ProofOfThePuddn
- jsonformatter.com is built with Tailwind and Alpine by @AlexNastase01 via @aweindie
Demos:
Articles & Tutorials
[Video][FR] Comparer AlpineJs et les autres frameworks JavaScript (Découverte d'AlpineJs) by @emichel_dev
How to disable button on click with AlpineJS by @jianjye_
Exclusive look into Livewire and Alpine.js with their creator Caleb Porzio by @agiledrop
[Video] Livewire + Alpine.js: Disappearing Success Message by @PovilasKorop
Laravel Livewire Infinite Scrolling by @teamcodecourse
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.
Adopter Reactions
A lazy sat turned out to be productive! extracting some of the @Alpine_JS and @tailwindcss adventures from projects at @lubusIN pic.twitter.com/GkujWi9F7q
— Ajit Bohra (@ajitbohra) March 13, 2021
So satisfying to see this – and getting there almost naturally. Gotta love the TAS Stack <3 Thanks @tailwindcss @Alpine_JS @statamic pic.twitter.com/Hw5Xgb6LoO
— Daniel Wentsch (@klickreflex) March 12, 2021