Alpine.js Weekly logo

Alpine.js Weekly

Subscribe
Archives
March 20, 2020

A lot of new Tailwind-Alpine.js examples

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

Don't miss what's next. Subscribe to Alpine.js Weekly:
Powered by Buttondown, the easiest way to start and grow your newsletter.