Oct. 23, 2020, 5:30 p.m.

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

Alpine.js Weekly

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)

You just read issue #35 of Alpine.js Weekly. You can also browse the full archives of this newsletter.

Share on Facebook Share on Twitter Share via email
Brought to you by Buttondown, the easiest way to start and grow your newsletter.