v3 is out - Alpine.js Weekly #64
Alpine v3 code was released as part of Alpine Day (alpineday.com): github.com/alpinejs/alpine-next for everyone’s perusal.
It’s a complete internal rewrite with a focus on supporting feature extension and there’s now official Alpine.js docs: alpinejs.dev, head over there to see all the new features.
Jesse’s talk was a fan-favourite yesterday, check out the accompanying blog post:
If you are curious about where to acquire tools for spoon carving take a look at this https://jesseschutt.com/blog/a-spoon-carvers-toolkit
cc @Alpine_JS
— Carver of Spoons 🌳🪓🔪🥄 (@jesseschutt) June 10, 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, looks like Alpine.js is being used to support the Covid19 response in Germany:
Proud to see my software work LIVE on Corona Test Center for the @roteskreuz_de. Worked on it 7 days on my spare time, realized with @laravelphp ,@Alpine_JS , @tailwindcss and @LaravelLivewire 💪
— Sascha “Security’s no plugin” Presnac (@SPresnac) June 6, 2021
Cool the Software for the @brkaktuell is also based on Laravel 🙈 https://meintest.brk.de/
— Lukas Kämmerling (@Lukas_Kae) June 6, 2021
Articles & Tutorials
If anyone missed Alpine Day (alpineday.com), here are some of the slides/demos used. I think the videos will be available to ticket holders by @calebporzio soon.
@austencam, slides & demos: github.com/austenc/alpine-day-2021 (Built with Alpine.js!)
@shrutibalasa, demos: github.com/ThirusOfficial/new-password-validation & github.com/ThirusOfficial/options-expand-menu.
@stauffermatt, slides: “From Vue to Alpine: How & Why”, code: github.com/mattstauffer/alpine-day-2021.
@hugo__df, “slides”: Tips for real-world Alpine.js, demos: codepen.io/collection/ZMMNgj.
Alpine 3.x Tips and Tricks by @ryangjchandler
How to create carousel / slider using Alpine JS + Tailwindcss via @theladylak
Dark Mode Toggle with Alpine & Tailwind by @mike_hasarms
Code & Tools
Not a v3 release yet but the code’s out: github.com/alpinejs/alpine-next.
Alpine.js (v3) Docs are now live at alpinejs.dev.
@ryangjchandler is ready with a new Alpine v3 directive x-tooltip: github.com/ryangjchandler/alpine-tooltip