Alpine.js Weekly - 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 no permite acceder de (forma nativa), a un elemento padre desde un hijo, pero podemos hacerlo asÃ:#javascript #alpinejs #programacion
— Damian Aguilar (@daguilarm) May 7, 2021
Top little @Alpine_JS tip I discovered today: always put your x-cloak
{display:none; !important}inline in the<head>. If you add it to your compiled CSS, that may load too late to avoid a flash of hidden elements. @hugo__df— Matt Radford (@mattradford) May 7, 2021
This newsletter supported by my GitHub Sponsors.
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:
- topspinpro.com - a recent rebuild of a WordPress/WooCommerce site with Tailwind & AlpineJS. Everything from the nav menu, modals, to a full (behind-the-scenes) dashboard for our affiliates and brand ambassadors. By @TopspinPro
- www.10degrees.uk/blog/ is a re-launched agency website integrating Alpine with the WordPress menu walker, and using Alpine to show blog content on the News page. By @10degrees
- adonismastery.com is built with Adonis, Alpine and Tailwind. By @ammezie
- jersonmr.github.io is built with Vite, Tailwind and Alpine by @JersonMorenoR
- bengreenberg.dev is built with Alpine, Tailwind & Eleventy by @RabbiGreenberg
Demos:
- Advanced PIN code input with Alpine.js by @rehhouari
- Integrating the tiptap text editor with Alpine/Livewire by @iksaku2
- Twitter “modal” clone with Livewrite and Alpine by @BotezatuDima
- Animate Text with Alpine JS by @shrutibalasa
- Go templates (Hugo) + Alpine + Tailwind for component reuse by @michlbrmly
Articles & Tutorials
Building a Constrained Textarea using Alpine.js
TATA Stack for Adonis productivity by @maxbertinetti
[Video] Responsive Side Navigation with Tailwind CSS and Alpine JS by @shrutibalasa
How to structure your Alpine.js Code into modules by @boxpiperapp
[Video] Progress Bar While Uploading Image Using Laravel Livewire and Alpine JS by @HiClovon
How to create a dropdown menu with AlpineJS + TailwindCSS by @jianjye_
Developing AlpineJs Apps Similar to Vue’s Composition API by @montalvomiguelo
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
@rehhouari has been busy on pinecone, his Alpine.js router: github.com/pinecone-router/router, see also the Changelog.
@simo_tod is squashing bugs on the Alpine-turbo-adapter v1.1.0: github.com/SimoTod/alpine-turbo-drive-adapter, with better 4xx/5xx response handling.
k-ui-dashboard-alpine by @ak_kamona is a responsive dashboard template built with Tailwind & Alpine.js.
Bedrock a Landing page starter template by @render_labs
Jobs
A couple of days later, but I think this offer from David still stands:
I’m curious, any developers friends out there interested in helping me with the new @MtRainierWatch website?
Building a full e-commerce site, on the side, is a lot of work. DM me 📩
Frontend: @statamic@tailwindcss (and TUI)@Alpine_JS
Backend: @Shopify
— David A. Lindahl (@austriker27) May 2, 2021
Older messages
Alpine.js Weekly #58
Friday, April 23, 2021
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 speakers. Gonna be a hoot! 🦉https://
Alpine.js Weekly #57
Monday, April 19, 2021
“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 Performers:@reactjs @Alpine_JS @solid_js @angular
Alpine.js Weekly #56
Friday, April 9, 2021
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 Helpers for @Alpine_JS is just shy of
Alpine.js Weekly #55
Friday, March 26, 2021
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. Poll about AlpineJS, Alpine, Alpine.js This
Alpine.js Weekly #54
Friday, March 19, 2021
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 for components (even big ones) see below.
You Might Also Like
WP Weekly 226 - Launches - New Elementor Theme, WP 6.8 in April 2025, Automattic Scale Back
Monday, January 13, 2025
Read on Website WP Weekly 226 / Launches 2025 has just started, and there is a slew of new launches like Hello Biz Theme, Meta Box Lite, FooConvert, Affililink, and more. Also, the next WordPress 6.8
SRE Weekly Issue #459
Monday, January 13, 2025
View on sreweekly.com A message from our sponsor, incident.io: Effective incident management demands coordination and collaboration to minimize disruptions. This guide by incident.io covers the full
Saving One Screen At A Time 🖥️
Monday, January 13, 2025
Why the screen saver stopped being so in-your-face. Here's a version for your browser. Hunting for the end of the long tail • January 12, 2025 Today in Tedium: Having seen a lot of pipes, wavy
Software Testing Weekly - Issue 253
Monday, January 13, 2025
Software Testing Weekly turns 5! 🥳 View on the Web Archives ISSUE 253 January 13th 2025 COMMENT Welcome to the 253rd issue! Oh my, time flies! It's hard to believe this week marks 5 years since I
CES 2025 - Sync #501
Sunday, January 12, 2025
Plus: Sam Altman reflects on the last two years; Anthropic reportedly in talks to raise $2B at $60B valuation; e-tattoo decodes brainwaves; anthrobots; top 25 biotech companies for 2025; and more! ͏ ͏
PD#608 Mistakes engineers make in large established codebases
Sunday, January 12, 2025
You can't practice it beforehand ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
C#539 A detailed look at EF Core’s JSON Columns feature
Sunday, January 12, 2025
Comparing it with the traditional tables with indexes
RD#488 How to avoid issues with custom Hooks
Sunday, January 12, 2025
Using them carelessly can lead to many problems
Daily Coding Problem: Problem #1666 [Easy]
Sunday, January 12, 2025
Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Amazon. Given n numbers, find the greatest common denominator between them. For example,
🛜 Here's What Happens to Old Websites — Features the Pixel Should Copy From Samsung's One UI 7
Sunday, January 12, 2025
Also: What Instagram Needs to Compete With TikTok, and More! How-To Geek Logo January 12, 2025 Did You Know Mount Wingen, located near Wingen, New South Wales in Australia, is better known as Burning