Alpine.js Weekly #55
Let Caleb know how you use Alpine.js & what you call it:
- Alpine users, do you use Alpine with a build? (like “npm install alpinejs) Or just the file/CDN.
- Poll about AlpineJS, Alpine, Alpine.js
This newsletter supported by my GitHub Sponsors.
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:
- rrrelax.app by @rrrelax_app is built with Alpine.js
- novolio.dev (e-commerce) template is built with Alpine and Tailwind by @novolio_dev
Demos:
- Simple card with Tailwind and Alpine by @ak_kamona
- Codecourse’s fancy search UI/effect with Alpine and Livewire by @alexjgarrett
Articles & Tutorials
How to create an Image Upload Viewer with Alpine.js via @LaravelLinks
Creating a Modal with Tailwind & AlpineJS by @jackabox
Localized Date and Time Inputs With Alpine.js by @pentacent_hq
Getting Started with Alpine.js - The Ultimate Guide by @ngArchangel
For more posts like these, you can join the Alpine.js Development Subscription, it’s a great way to support the newsletter and get early access to Alpine.js content.
Code & Tools
@novolio_dev released a blog template with Eleventy, Alpine and Tailwind:
The PHPStorm Alpine.js plugin by @inxilpro has received an update with improved JS syntax hjighlighting and attribute autocomplete.
v2.8.2
Fixes: - Fix nested Alpine within nested Livewire components
Adopter Reactions
Months after working with it, I’m officially an @Alpine_JS fan
— Charly 🇮🇩 (@CharlyBnd) March 24, 2021
The first WordPress project using AlpineJS was a success. Now to incrementally remove some of these old dependencies.
— Ethan Gardner (@EthanGardner) March 23, 2021
Alpine.js is incredible for so many reasons, and a huge one is that it levels the playing field for designers. All they need to understand is the concept of scope. That’s it. @pjrvs was able to make our current visitors’ area open smoothly without writing any javascript 😍 pic.twitter.com/udMwrddpaU
— Jack Ellis (@JackEllis) March 22, 2021