Alpine.js Weekly - 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