400k+ Alpine.js CDN hits/month but what version do you run?
This email is supported by Codecourse. Practical screencasts for developers (including Alpine.js!).
It interesting to see the following Stimulus vs Alpine takes:
Alpine.js is everything I wanted Stimulus.js to be.
And the poll from @alec_c4:
Which one is better and why? Alpine.js or Stimulus
Pro tip from @LukeDowning19, you can make a
template an Alpine.js component.
Did you know that you can scope an @Alpine_JS component to a
<template>tag? Makes for a very clean syntax when using loops from data fetched asynchronously
@LukeDowning19's epiphany can benefit us all:
The more I extract @Alpine_JS into blade components, the more I avoid placing
x-dataon the outer-most div of the component. You avoid any conflicts of interest and weird behaviour when placing things like
x-refon the component tag.
Made with Alpine.js
- "super slick range slider" by @ShaneDRosenthal, let's see if we can get him to share his source
- A Pocket client with Alpine.js and TailwindCSS by @hossammourrad
- Drupal Single File Component being re-rendered server-side using Alpine.js and morphdom by @mortensonsam
- alpine-auto-interval demo with TailwindCSS by @kevinbatdorf
- tiny "devtools" module by @kevinbatdorf as seen in his many demos at codepen.io/collection/nRxrPk
- Alpine.js Handbook Examples a storybook with a few Alpine.js components (more to come) from @hugo__df.
@Marvinified is an Alpine.js convert:
@Alpine_JS @Alpine_JS @Alpine_JS That's what I used for my personal website and it was quite smooth. You get to keep your DOM, but this time with some upgrades. You can check it out here github.com/alpinejs/alpine
Articles & Tutorials
If you enjoy the newsletter and posts like these you can join my GitHub Sponsors, github.com/sponsors/HugoDF/, you support the newsletter & get early access to Alpine.js content.