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 speakersIt's gonna be a hoot! 🦉
— 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-dataon your element, you can'tx-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