The @Alpine_JS Collapse plugin has saved me literal hours of work since it’s release and not enough people are using it. If you’re building accordions, dropdown menus or mobile navigation menus, take it for a spin! https://alpinejs.dev/plugins/collapse
— Ryan Chandler (@ryangjchandler) February 24, 2022
Alpine JS and React developers tip. Never use invalid self-closing elements in Alpine JS ie:
<div x-text="msg" />
would raise cryptic and hard to debug errors.
— Bojan Mihelac (@bmihelac) February 16, 2022
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:
This newsletter supported by my GitHub Sponsors.
Articles & Tutorials
Laravel and Alpinejs : Creating List Data and Modal with Data Based on Index by @musliadidottech
Creating a modal dialog with Alpine.js by @MathieuPiton
Disabling submit button on browser validation failures by @datsfranktastic
[Video] Django, HTMX and Alpine.js - Building an Accordion component by @bugbytesio
[Video] Create Simple Search Functionality With Up and Down Keys Support Using Alpine.js by @Laratips1
I have released a neat little Alpine.js plugin for autosizing textareas. marcreichel.dev/blog/alpinejs-… #Alpinejs #Plugin #Autosize
Code & Tools
New community plugins:
$watch memory leak issue
- Focus trap doesn’t release focus when the element is removed from the dom
- morphdom sibling cleanup bug
- Removed non breaking space
- failing tests - account for the morph function now returning a promise
Discovered @Alpine_JS through an 11ty tutorial. It’s dope. It is very much “jQuery but for the modern web” in all the best ways.
— Charles (@charlesw_dev) February 24, 2022