Github Copilot is getting very good with @Alpine_JS code. I’m frequently surprised at how well it “guesses” my exact intentions.
— Rich Klein (@richeklein) May 14, 2022
— nightwolfdev (@nightwolfdev) May 18, 2022
Super excited to be releasing the first version of Tetra, a full stack component framework for Django using Alpine.js
https://www.tetraframework.com/ It lets you build “hybrid” components - combining server state and user interactions seamlessly. Take a look!
— Sam Willis (@samwillis) May 24, 2022
So, @Alpine_JS‘ dispatch-function and @Wordpress‘ #Gutenberg-blocks don’t jive well, because Gutenberg-blocks don’t like it if one sends HTML-tags with $dispatch. Luckily, I found a solution, and it’s ugly but works:
— Robbert Vervuurt (@Rvervuurt) May 24, 2022
For anyone who’s not aware of Alpine.js custom directives, see the following demo
Alpinejs has the same concept:
— Etienne Deschênes (@atn1976) May 24, 2022
And relevant docs for custom directives
Custom directive with @Alpine_JS is super. https://alpinejs.dev/advanced/extending#custom-directives
— OLIVERSINZ (@zinsouoliviers) May 25, 2022
@Alpine_JS 🤯can assign dom event handler use
— Ihsan Berahim (@ihsanberahim) May 27, 2022
Here are this week’s Alpine.js adopters:
Demos: - a simple lists-based html generator backed by Alpine.js by @macint0shpie - Alpine.js x-intersect vs Intersection Observer API by @zinsouoliviers - Disable the form’s submit button, once the form is submitted in Alpine.js by @ahmedaljawahiry - Cookies alert with Tailwind & Alpine via @TwComponents - Datepicker with TailwindCSS and AlpineJS by @mithicher via @TwComponents - “Copy to Clipboard” with Alpine.js by @yucelfaruksahan
This newsletter supported by my GitHub Sponsors.
A VSCode Extension for Alpine.js by @cferbowers, includes syntax highlighting, autocomplete and snippets: marketplace.visualstudio.com/items?itemName=pcbowers.alpine-intellisense
tetraframework.com/ is a full stack reactive component framework for Django using Alpine.js.
Alpine JS is really good for building small prototypes. Very easy to setup and well documented 💯
— Apoorv | Plxity⚡💎🌋 ⭐️ (@apoorv_taneja) May 14, 2022
The tools that excite me these days are Alpine.js, Turbo, Laravel Livewire, and Liveview. SPAs introduce more toil than I’ll stomach on my personal projects
As far as strictly client-side frameworks: React isn’t perfect, but it’s my favorite one I’ve tried
— Tyler Smith (@tylerlwsmith) May 17, 2022
— jjaimealeman (@jjaimealeman) May 17, 2022
Used @Alpine_JS to open/close a mobile menu with Tailwind transitions and I think it’s super cute 😻
— Andrea Porotti (@andrea_porotti) May 18, 2022
Props to the team behind the new docs for Alpine.js v3 [https://t.co/2IUSQ2gIUJ] - it’s a huge step forward and love the new interactive features. So much power behind this nimble library <3
— Cristian Rasch (@cristianrasch) May 18, 2022
Used Alpine JS on a static page for the first time and it was pretty neat once I finally got the hang of things! https://t.co/CxVGzrFQOo
And Tailwind CSS too. I’m all aboard the Tailwind train now. Don’t have to keep coming up with class names and can style stuff way quicker.
— Amanda M 🌆 (@amandamcodes) May 19, 2022
In case you missed it, @Alpine_JS is the new jQuery*
*This is meant as a compliment 😅
— Andrew Schmelyun (@aschmelyun) May 22, 2022
From the git logs…
Removes jQuery from web frontend (45 minutes ago)
End of an era. Better start on the upgrade from @Alpine_JS v2 to v3 now.
— Dave Marshall (@davedevelopment) May 23, 2022
The more I work with @Alpine_JS the less I miss Vue. Don’t get me wrong, I like Vue, but this minimalistic approach is just so relaxing.
— Dominik Lenz (@slpstn23) May 25, 2022
I’ve started using AlpineJS while developing HubSpot modules and it’s 🔥
Highly recommended if you want to simplify your JS!
— Jared Moats (@_Jaroldo_) June 1, 2022
— Evgeny Romanov (@intellimatic) June 3, 2022
Just had a try of @Alpine_JS. It’s lovely. Ideal for just a little sprinkle of interactivity.
— David Fitzgibbon (@loficodes) June 9, 2022