May 14, 2021, 6:30 p.m.

Alpine.js Weekly #60

Alpine.js Weekly

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

pic.twitter.com/suhUmeVkFy

β€” 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

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

Share on Facebook Share on Twitter Share via email
Brought to you by Buttondown, the easiest way to start and grow your newsletter.