Alpine.js Weekly #92
Tips A couple days ago I just found out about this better method to trigger @Alpine_JS component from outside Alpine’s code. This method is very useful for...
Alpine.js Weekly #91 - Summer Edition 🏝
@Alpine_JS just crossed 100,000 weekly downloads https://www.npmjs.com/package/alpinejs give it a try if you haven't tried it yet, 🤞 you would like writing...
Alpine.js Weekly #90
🔎 The long-awaited, much-requested, global search is here for the @Alpine_JS docs. woop! Dig it.https://t.co/HHU9GAPk5b (Thanks @jasonlbeggs)...
Alpine.js Weekly #89
Github Copilot is getting very good with @Alpine_JS code. I’m frequently surprised at how well it “guesses” my exact intentions. — Rich Klein (@richeklein)...
Alpine.js Weekly #88
Tips #AlpineJS Tips Use shorthand conditionals when you want to add a class to the element based on an alpine property using x-bind. #laravel #livewire #TALL...
Alpine.js Weekly #87
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...
Alpine.js Weekly #86
Tips Got to love how easy it is to make basic html interactive and animated with Alpine.js :) x-collapse takes care of all the magic here!...
Alpine.js Weekly #85
Tips ❓ Using Alpine.js and need to debounce a function? ❌ You don't need JavaScript libraries like lodash. ✅ Just use Alpine.debounce() which is also used...
Alpine.js Weekly #84
Tips 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,...
Alpine.js Weekly #83
A short poem for @Alpine_JS -- my favorite small, but powerful, Javascript framework. Thanks to @calebporzio and team for making the work of #webdevelopers a...
Alpine.js Weekly #82
Alpine.js is now available on DefinitelyTyped, you can load them using npm install @types/alpinejs. Hmm there’s now @types/alpinejs...
Alpine.js Weekly #81
Happy 2022 to the Alpine.js Community! Tips I ♥️ how easy @Alpine_JS makes it to ~Do The Right Thing~: • got a script only needed for the footer? Lazy load...
Alpine.js Weekly #80
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...
Alpine.js Weekly #79
Hey @calebporzio, seems like the new https://t.co/tUm0XDf3Uh is using @Alpine_JS — Amit Merchant (@amit_merchant) November 17, 2021 I spy @Alpine_JS 👀👀👀 —...
Alpine.js Weekly #78
Tips Someone just PR'd a good tip to the @Alpine_JS docs - thought I'd share cuz I liked ithttps://t.co/SUKef4Co0E — Caleb Porzio (@calebporzio) November 1,...
Alpine.js Weekly #77
An announcement from the Alpine Components Team We’ve decided to rename Alpine Component Patterns to just Alpine Components and integrate it with the Alpine...
Alpine.js Weekly #76
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...
Alpine.js Weekly #75
🚢 New Alpine Plugin: Collapse Easily animate the height of an element when toggling via x-show. Check it:https://alpinejs.dev/plugins/collapse — Caleb Porzio...
Alpine.js Weekly #74
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...
Alpine.js Weekly #73
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...
Alpine.js Weekly #72
📣 Announcing (officially) Alpine Component Patterns! 📦 UI component source code 📹 Educational screencasts 🫂 3rd-party integrations 🦑 Livewire integration...
Alpine.js Weekly #71
Tips Did you know that @Alpine_JS has an undocumented “destroy” lifestyle method that gets called when you remove a component? Just add it to your component...
Alpine.js Weekly #70
Tips Create shortcut easily with @Alpine_JS — Fred C. (@h4mzt3r) August 6, 2021 This newsletter supported by my GitHub Sponsors. Made with Alpine.js If...
Alpine.js Weekly #69
Alpine plugins are dropping, keep an eye on Caleb Porzio's announcements. 🥳 New Alpine Plugin: Persist 🍾 Easily persist data across page loads by using a...
Alpine.js Weekly #68
Tips Another fun use case for x-effect in @Alpine_JS v3 when using the persist plugin: parsing localStorage values (string only) so you can keep using...
Alpine.js Weekly #67
Tips Top tips from Kevin this week. Spend the last few hours deep diving into the @Alpine_JS source code to figure out the V3 codebase. And I must say it’s...
Alpine.js Weekly #66
Tips I really like this use case for x-effect in @Alpine_JS v3. It's an easy way to disable scrolling on the body when you open a modal or a mobile...
Alpine.js Weekly #65
v3 is picking up some steam, if you’ve missed it, here are the launch tweets: 🎉 If you didn’t catch it, Alpine Version 3 has been officially released! You...
v3 is out - Alpine.js Weekly #64
Alpine v3 code was released as part of Alpine Day (alpineday.com): github.com/alpinejs/alpine-next for everyone’s perusal. It’s a complete internal rewrite...
Alpine.js Weekly #63
Tips Thank you Afonso Cerejeira for this great introduction to Htmx, alpine.js and hotwire. You might not need a frontend framework#DjangoCon...
Alpine.js Weekly #62
Tips This is how you can create an easy scroll to top button with @Alpine_JS and @tailwindcss . I have used Alpine Magic Helpers for a smooth effect, but if...
Alpine.js Weekly #61
Tips replace the turbo-frame with @Alpine_JS $fetch, no code replaced needed. perfect for django. — Andres 🐍 python3.ninja (@zodman) May 15, 2021 This...
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! 🚀...
Alpine.js Weekly #59
Tips The following is in Spanish, the gist is a reminder that there’s a way to access the parent component’s data by selecting it and accessing __x. AlpineJS...
Alpine.js Weekly #58
Caleb’s setting up an Alpine Day, there’s a mailing list you can join. 🥳 Alpine Day 2021 is now a real thing. One day packed full of new launches and cool...
Alpine.js Weekly #57
"Q1 2021 State Of JavaScript Libraries and Tools: Frameworks" report is out 🎉🎉🎉 https://moiva.io/blog/2021-q1-state-of-js-frameworks Best Q1 2021 Top...
Alpine.js Weekly #56
I’ve got my CSS-in-JS solution for @Alpine_JS sorted 👀🤣 — James Browne (@onejamesbrowne) April 1, 2021 This newsletter supported by my GitHub Sponsors. Magic...
Alpine.js Weekly #55
Let Caleb know how you use Alpine.js & what you call it: Alpine users, do you use Alpine with a build? (like “npm install alpinejs) Or just the file/CDN....
Alpine.js Weekly #54
A few announcements this week. Alpine Devtools v1.0.0 is out for Chrome and Firefox. Alpine.js devtools 1.0.0 is out (Much) faster boot times and performance...
Alpine.js Weekly #53
More than one year on, it’s great to see new people discovering Alpine.js every week. We’ve got a bunch of new tools released so make sure to read all the...
Alpine.js Weekly #52
An issue with loads of longer form content, do scroll to the "Articles & Tutorials" section. It's also the 52nd edition of Alpine.js Weekly, so happy 1 year...
Alpine.js Weekly #51
Nice thread on setting up TypeScript with Alpine.js (@samuelstancl packaged it up, see the "code" section) Anyone interested in an article about how to set...
Alpine.js Weekly #50
Here are this week’s Alpine.js adopters: artmuseumgr.org by @onedesignco is built with Alpine.js proagentboard.com is built with Alpine, Tailwind and Laravel...
A week of Alpine.js-powered launches.
In the past couple of weeks Alpine.js passed 14k stars (now sitting at around 14.1k) and we've seen websites big and small adopt Alpine.js. Tips 🔥 If you...
How much code did Eurovision delete by switching to Alpine.js?
Refactored (almost) all JavaScript on https://eurovision.tv/ to @Alpine_JS this week. Thanks @calebporzio! 187 lines added 679 lines removed 🤩 — Erik Gaal...
When NativeScript's homepage uses Alpine.js
Alpine.js on the @NativeScript website? — Hugo (@hugo__df) January 28, 2021 This email is supported by my GitHub Sponsors. A pro tip for @Alpine_JS: Its...
Is Alpine the outright leader for JS sprinkles?
Alpine is at 13.4k stars at the time of writing, still a way to go to jQuery but in the same ballpark as Stimulus (which is at 10k stars at the time of...
State of JS: 82% satisfaction with Alpine.js
Seems like Alpine made some waves in the State of JS 2020, you can see the JS framework results at: https://2020.stateofjs.com/en-US/technologies/front-end-...
2021 in Alpine.js land
Caleb has been dropping teasers about Alpine v3, for example the following thread: The next version of @LaravelLivewire and @Alpine_JS will (likely) be...
Better Alpine.js error messages to close out 2020
If you missed it on Twitter/GitHub, this week's Alpine.js release (2.8.0) adds better error messages when Alpine.js hits an eval error. It uses console.warn...