Alpine.js Weekly - Alpine.js Weekly #60

Alpine Day is shaping up to be awesome, here’s the announcement tweet for whoever isn’t on Twitter.

🎉 Alpine Day, June 10th 2021 is now a real thing!

🚀 Launching everything new and shiny
🎙️ Hearing from crazy awesome speakers
💰 All profit goes directly to speakers

It’s gonna be a hoot! 🦉

https://alpineday.com/

— Caleb Porzio (@calebporzio) May 11, 2021

This newsletter supported by my GitHub Sponsors.

Tips

Very important tip from @austriker27, it’s a classic Alpine gotcha: for x-init to work, you need x-data on the same element.

🔥 @Alpine_JS tip:

If you don’t have x-data on your element, you can’t x-init\ anything.

Hopefully I’m the only one who forgets to do this.

And hopefully if you do happen to forget this, this tweet will save you 20 minutes. (cough future david cough)#webdev #alpinejs

— David A. Lindahl (@austriker27) May 12, 2021

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:

• alpineday.com by @calebporzio is made with Alpine, as it should since Caleb created Alpine 😄.

Demos:

• Cool animation snippet on the AlpineDay website spotted by @Mattyybee
• Convert your timestamp to the local time format by @michaeldyrynda
• work in progress portfolio site with Alpine, Eleventy and Tailwind by @tanoaksam

Articles & Tutorials

Alpine Day & AlpineJS v3 by @tnylea

How to create a custom select with Alpine JS and Phoenix LiveView

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

pinecone-router v0.3.0, a client-side router for Alpine.js by @rehhouari

And another bit of alpha software by @rehhouari: github.com/rehhouari/alpinejs-i18n

Spruce 2.7.1 by @ryangjchandler

Adopter Reactions

It’s awesome to have a side-project, where you can use any tooling you want!

We use:@elixirlang @elixirphoenix #surfaceui by @MarlusSaraiva @Alpine_JS@tailwindcss @vite_js @typescript @ProseMirror

And many more! Can’t be more thankful to every one who do OSS!
🙇🙇🙇

— Alexey Topolyanskiy (@devilcoders) May 12, 2021

I was working entirely on React for most of my projects but recently I’ve been learning Alpine.js and I love the philosophy and simplicity, I’ll started using it as my main light weight framework 😁

I have to thank to @calebporzio and @Alpine_JS community for such a great job!

— Oliver Lopez 🍉 (@oliverloops) May 13, 2021