Alpine.js Weekly - A week of Alpine.js-powered launches.

In the past couple of weeks Alpine.js passed 14k stars (now sitting at around 14.1k) and we’ve seen websites big and small adopt Alpine.js.

Tips

🔥 If you need to pass a bound @Alpine_JS attribute to a @laravelphp Blade component, you can prefix the attribute name with two colons instead of one to tell Blade to not evaluate the attribute as a PHP expression. pic.twitter.com/NvKOBUKfDH

— Jason Beggs (@jasonlbeggs) February 10, 2021

This email is supported by my GitHub Sponsors.

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:

• clublink.to by @spekulatius1984 is built with Alpine, it launched and got featured on TechCrunch
• universalfavourite.com.au by @HelloPixney for @UF_quipsters is built with Alpine, Tailwind and Statamic
• github.com/cssninjaStudio/hr is a Bulma and Alpine sample app by @cssninjaStudio
• maisonpollet.com is built with Kirby CMS, Tailwind and Alpbine by @pixenjoy
• broller is an open source app to search B-roll, it’s built by @Ale_Belli90 with Alpine & Electron
• neshouse.com is an open source clubhouse clone built with Alpine.js by @xiqingongzi, the repository is at github.com/bestony/neshouse

Demos:

• Responsive two columns sidebar layout with Tailwind and Alpine by @ak_kamona
• Alpine.js + Tailwind datetime picker by @danjharrin
• a risk assessment dashboard build with Laravel Livewire and Alpine by @nlangerdev

Articles & Tutorials

Introduction to Alpine.js | When to use it? by @lightitsoftware

Building the New Laravel News Website by @austriker27

You may not need React by @triptych

Alpine.js compared to Vue.js by @michabbb

Generate random color gradient background by @TinaHammar

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

flat3/babel-blade - a blade compiler for inline Babel scripts by @chrislloydtw

Adopter Reactions

Absolutely loving the @Alpine_JS + @eleven_ty combo.

I can do SO MUCH with such little effort. Rewriting thousands of lines of legacy jQuery to a fraction of that with this new lightweight stack.

— willmartin.dev 🐝 (@willmartindev) February 10, 2021

Ok… playing with alpine.js and honestly, it’s pretty fun. It definitely makes quick work of things, granted I’m not that deep into all it (perhaps I?) can do yet but so far, it’s a good time.

— Collin (@collin_jilbert) February 6, 2021