Alpine.js Weekly #73
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:
- singdaptive.com is made with Alpine, Eleventy and Tailwind by @stephen_j_evans
- sayso.co is built with Eleventy, Alpine, Tailwind and Netlify by @SAYSOco
- martyfriedelphotography.com.au is built with Statamic, Tailwind and Alpine by @MartyFriedel
Demos:
- Easy Tailwind image lightbox with Alpine.js by @heyjamshid
- Tailwind + Alpine tooltip by @Mike_Andreuzza
- A WordPress plugin that demonstrates how to easily add frontend interactivity with Alpinejs. by @leeshadle
- an idea for a JReviews Dashboard Add-on for listing owners in HTMX and Alpine by @getJReviews
Articles & Tutorials
An Eleventy Starter with Tailwind CSS and Alpine.js by @gregwolanski got an update recently.
[Video][French] Découverte d'Alpine.js
Hyva: How to Create A Fixed Header on Scroll using AlpineJs and Tailwind CSS. by @hweb87
The Runtime Podcast, Episode 12 - Caleb Porzio on Alpine.js by @PodcastRuntime
How to create Notification pop up component with Alpine.js and TailwindCSS by @MaciejJanowski
Code & Tools
github.com/victorybiz/laravel-simple-select - Laravel Simple Select inputs component for Blade and Livewire.
v3.3.4
Feature
- allow access to parent scope refs
Fixes
- x-show requestAnimationFrame latency bug
- components are initialised twice because of x-init
v3.3.3
Fixes
- x-init bug introduced in v3.3.0
- Add ShadowRoot protection for older browsers
Adopter Reactions
Discovering the power of @tailwindcss & @Browsersync CLIs... throw in @Alpine_JS into the mix and you got yourself a neat dev environment without setting up any bundlers or other tooling. The screenshot is from a recent #WordPress project I am working on. Impressed. 👌 pic.twitter.com/QUEXRjE1WT
— Dennis 🔆 (@dennisjosek) September 17, 2021