October 23, 2020

Alpine.js completions for PHPStorm & adding "Alpine Developer" to your bio

Just replaced Vue.js with @LaravelLivewire / Alpine.js in my Twitter bio 😎

— Jason Beggs (@jasonlbeggs) October 22, 2020

This email is supported by my GitHub Sponsors.

Coming soon to @phpstorm: @Alpine_JS support! I just submitted the first working version to @jetbrains so hopefully it’ll be live in a few days. pic.twitter.com/9PUY3bpu9N

— Chris #BlackLivesMatter (@inxilpro) October 22, 2020

Tips

AlpineJS is the only way to write Javascript and not go insane

— jonromero.eth (@jonromero) October 20, 2020

---

Did I say I love @Alpine_JS 😍? Soooo easy to add dynamic content to my websites 👏👏👏

— Tiago Rodrigues (@Tiago_Ferat) October 22, 2020

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:

• @savvycal_ marketing site by @derrickreimer is built with Alpine.js
• eprenda.com is going the way of Laravel, Livewire, Tailwind and Alpine per @maurietchev

Demos:

• Windify notifications with Tailwind and Alpine by @ylmzselahattin
• Quick confirm actions with Alpine.js and Livewire by @slovenianGooner
• A component to display an exercise score with Alpine, Tailwind and CountUp.js by @miczed
• Hyvä Themes’ responsive, paginated, sliders with Alpine.js by @Hyva_io
• a viewport transition API for Tailwind and Alpine by @sagalbot

Articles & Tutorials

How to get access to data from different Alpine JS components by @markusantonwolf

[Discussion on IndieHackers] Best resource to learn Alpine.js? by @Mike_Andreuzza

A simple poll application in Alpine.js by @devblogy

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

wp-key-manager-with-alpinejs a WP Plugin for Hotel Keys Management by @tahiriqbalnajam

livewire-charts v1.0.0 by @asantibanez for Livewire, Alpine,js and Apex Charts.

nebulapackage/nebula a minimalistic and easy to use administration tool for Laravel applications, made with Laravel, Alpine.js, and Tailwind CSS.

v2.7.1

Features

• $watch supports watching magic properties

Fixes

• an inconsistency was fixed for checkboxes using x-model with an array
• x-spread now supports “leave” transition directives
• magic properties now support IE11
• checkboxes with non-boolean :value bindings were being treated as booleans (for example the integer “0”)
• x-for="i in count" support

v2.7.2

Fixes

• an x-for regression (due to the x-for"i in number" syntax)