Alpine.js Weekly #70
Tips
Create shortcut easily with @Alpine_JS
— Fred C. (@h4mzt3r) August 6, 2021
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:
- brutalist.one is a collection of brutalist websites built with Alpine by @mike_andreuzza
- muted.io/circle-of-fifths/ is built with Alpine by @muted_io
Demos:
Articles & Tutorials
Hyva: How to Create a Scroll to Top Button using AlpineJs and Tailwind CSS by @hweb87
Code & Tools
v3.2.3
Features:
$persistplugin #1828- support for x-data on html tag
Fixed:
- Allow undefined inside x-for
- Support all documented key modifiers
- Give
init()function access to parent scope - Fix directive handler flushing order
- Allow setting custom properties in style attribute correctly
- Allow $persisting multiple components
Adopter Reactions
I’ve been using @Alpine_JS with @djangoproject recently and it’s awesome such a nice fit!! Thanks @calebporzio 👍
— Ben Cleary 💻📱 (@bencleary_dev) August 3, 2021
I’ve really been enjoying using @Alpine_JS with Livewire. It’s just so simple to make really nice interfaces.
— IntrepidStudio (@we_are_intrepid) August 3, 2021
Implementing #Tailwind and #AlpineJS to create some custom admin UI components for #Magento seems too easy, I feel on edge, but hell I love these frameworks!
— Matt Walsh ☕👨💻 (@mattgrul) July 24, 2021