The series “Building Alpine.js” by Caleb Porzio (creator of Alpine.js) is out, first two episodes:
Episode 1 - It All Starts With The Data and Episode 2 - Bringing The DOM To Life.
It turns out 70% of respondents want to use Alpine.js in conjunction with a server-rendering engine, with static site generators and HTML pages coming in at 9.5% and 14.5%, see the poll.
The demos keep rolling in, this week:
nutrilogic.mx is made with Alpine.js as per @victoryoalli‘s announcement.
@CoreSkillsHQ is also adopting Alpine.js per @fenskexyz‘s tweet, and their codebase is open source. The templates with Alpine.js are at views/candidate.handlebars & views/layouts/main.handlebars.
Articles & Tutorials
Combine Phoenix LiveView with Alpine.js
Alpine.js: responsive x-cloak by @hus_hmd
What is Alpine.js by @ryangjchandler.
IodineJS — a micro validation library introduction post, the library is inspired by Alpine.js’ philosophy, and created by @mattkingshott.
Code & Tools
See the repo for github.com/mattkingshott/iodine a micro client-side validation library inspired by Alpine.js by @mattkingshott
- fix reactivity of
x-if inside of
- Support for nested
x-for (as long as the nested one is wrapped in an element)
$watch nested properties support
- IE11 goes back to the hand-rolled reactivity core
- Fix to Mutation Observer issue with x-if inside a x-for
- Fix core debounce issues
- Removed unnecessary
$nextTick stack clearing
- Make x-model.number casting to be more like Vue