v3 is picking up some steam, if you’ve missed it, here are the launch tweets:
๐ If you didn’t catch it, Alpine Version 3 has been officially released!
You can watch the Alpine Day keynote where I show all the changes and show off the new features here:
โ๏ธโท๏ธhttps://alpinejs.dev/upgrade-guide
โ Caleb Porzio (@calebporzio) June 17, 2021
Hey folks, still lots to do so I’ll put something more official out soon, but for now…
Alpine V3 has been released. Install instructions here: https://alpinejs.dev/essentials/installation
Livewire v2.5.1 now has built-in support for Alpine V3 as well!
โ Caleb Porzio (@calebporzio) June 15, 2021
And some benchmarks from Ryan Carniato:
So playing around with the latest @Alpine_JS. V3 is 16kb vs V2’s 8.5kb. That’s mostly since it now uses @vuejs‘s reactivity (~6kb). But on the positive in tentative testing performance is way better.
V2(left), V3(right) vs VanillaJS
โ Ryan Carniato (@RyanCarniato) June 14, 2021
This newsletter supported by my GitHub Sponsors.
Basic support for turbo with Alpine:
At least from mine and Jack’s quick pair, this is all you need to make Alpine V3 and TL work:
https://gist.github.com/calebporzio/20cf74af4a015644c7bef5166cffd86c
โ Caleb Porzio (@calebporzio) June 16, 2021
@Alpine_JS pro tip: ๐๐
If you are like me a forgot x-cloak all the time
Am I missing something @calebporzio ๐ค
โ Wali Razzaq (@Wali_Razzaq) June 17, 2021
Just learned about
click.stop
with @Alpine_JS ๐งก
โ Tim L. (@timuism) June 15, 2021
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:
Demos:
The Magic Behind Reactivity - Proxies by @ryangjchandler
[Video] SeaJUG Front End Java 2021 - easy full stack Java web apps with Spring Boot, Alpine, Tailwind and HTMX by @wiverson
The Benefits of Container Queries by @robmcfadden (code samples use Alpine)
Initial v3 release as demo-ed at Alpine Day (or close to it).
Features/breaking changes from v2: https://alpinejs.dev/upgrade-guide
Features:
Fixes:
Fern - Persisted global stores for Alpine 3.x. by @ryangjchandler
Tailwind Layouts now supports Alpine, see https://tailwind-layouts.vercel.app/patterns/image?environment=alpinejs, by @lxsmnsyc
@inxilpro has submitted some bugfixes to the IntellijAlpine plugin: github.com/inxilpro/Intelโฆ
[github.com/imacrayon/alpine-ajax]https://github.com/imacrayon/alpine-ajax) adds turbo-frame-like behavior to components by @ima_crayon
Converted some of jQuery code last night over to @Alpine_JS. First time using it. Excellent!
โ Latency (@latentuser) June 18, 2021
After some tinkering tonight with some @Alpine_JS and reading the docs I’ve decided that I really like it! Lightweight but so powerful. Top work by @calebporzio and the community. It’s going to be perfect for my side project.๐
โ Greg Robson (@GregRobson_UK) June 16, 2021
LOL @Alpine_JS “x-html was a seldom used directive in Alpine V2. In an effort to keep the API slimmed down to only valued features, V3 is removing this directive.”https://t.co/KrXVrQ5NqH
They never developed with WordPress, apparently ๐๐
โ Alex Standiford (@AlexStandiford) June 14, 2021