March 20, 2020, 5 p.m.

A lot of new Tailwind-Alpine.js examples

Alpine.js Weekly

With Alpine.js embracing the same philosophy as TailwindCSS it’s time to come up with some new stack names, eg. Reactive Laravel apps with the
TALL stack
by @stauffermatt or Back to basics with the HTML-driven SHATstack by @hugo__df.

There’s a lot of new examples in the Alpine.js/TailwindCSS space:

  • Login Show/Hide Password by @framansi
  • Edit in place text input by @brbcoding
  • A newsletter form by @mithicher

Some non-TailwindCSS examples are also out there:

  • An auto-updating copyright component by @Kotfire.
  • my personal favourite: AlpineJS Screaming Balls by @unlikenesses.

Articles & Tutorials

Introducing Alpine.js: A Minimal JavaScript Framework on classicinformatics.com

Adding Notifications to Laravel.io with Livewire, Alpine.js and Tailwind UI by Joe Dixon

A comparison of a simple app in Vue.js and Alpine.js by Liam Hall

Transition-ing from Alpine.js to Vue.js by erich

Code & tools

It seems Caleb’s been busy but he’s still managed to ship some key Alpine.js features.

2.2.1 Release

New: window.deferLoadingAlpine allows you to delay Alpine.js initialisation

2.2.0 Release

New: initial implementation of a $watch magic property

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

Brought to you by Buttondown, the easiest way to start and grow your newsletter.