Sept. 24, 2021, 6:30 p.m.

Alpine.js Weekly #74

Alpine.js Weekly

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:

  • previewify.app‘s template editor is powered by Laravel Livewire and Alpine.js by @LarsKlopstra

Demos:

  • Data Table with TailwindCSS & AlpineJS by @IliassSalmi
  • AlpineJS / Tailwind Carousel with x-intersect
  • Change nav background color on scroll by @Mike_Andreuzza
  • Alpine.js + Tailwind navbar by @Josuapsianturi

Articles & Tutorials

[Video] Responsive Sticky Navbar that Shrinks on Scroll with Tailwind CSS & Alpine JS by @shrutibalasa

Using alpine.js’ x-data attribute in HEEx templates by @trisager

Tutorial: Making A Dark Mode Toggle In WordPress With Alpine.js And Oxygen by @RealOxygenApp

Code & Tools

v3.4.1

Features

  • add Alpine.deferMutations() & Alpine.flushAndStopDeferringMutations()

v3.4.0

Features

  • refactor x-trap to use focus-trap plugin
  • add aria-expanded to the list of attribute bindings that don’t remove when falsy

Fixes

  • Fix x-transition regression with x-show

Adopter Reactions

First time using @Alpine_JS today. Impressed. Works nicely with @tailwindcss too.

— Gareth Wright (@garpunkal) September 24, 2021


@GoHugoIO + @Alpine_JS = ❤️#buildinpublic @AvogatoHQ

— Thibault Le Ouay 🥑 (@thibaultleouay) September 20, 2021

You just read issue #74 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.