🔎 The long-awaited, much-requested, global search is here for the @Alpine_JS docs. woop!
— Caleb Porzio (@calebporzio) June 20, 2022
— Ame🦦 (@ameliniya_) June 19, 2022
In alpinejs $nextTick(); is a real magic property.
When you want to first update your data and then your DOM, use nextTick.
— Tahir Iqbal Najam (@tahiriqbalnajam) June 1, 2022
— Oozman (@oozman) June 23, 2022
— ahmed (@ahmedaljawahiry) June 29, 2022
@tailwindcss has the pseudo-class for first-child, but what about nth-child?
A use case for this I run into often is when I want to use :first-child an @Alpine_JS
In that scenario, the
<template>is first child.
first-of-type is the solution here.
— Joseph Farruggio (@Joey_Farruggio) July 8, 2022
Here are this week’s Alpine.js adopters:
Demos: - Stopwatch in Alpine.js + Tailwind - Toast feature in Alpine (forreal-estate-proceeds.netlify.app) by @Joey_Farruggio - multi-step registration form with Alpine.js by @ryanhelmn - Mobile-friendly Modal using Tailwind and Alpine by @om211196 - Carousel using CSS scroll snap and Alpine by @Accudio - upload progress button/bar
This newsletter supported by my GitHub Sponsors.
👉github.com/guocaoyi/create-chrome-ext v0.5.0 has released with an Alpine.js template, by @without_horn. For this link, a note from the newsletter editor (I maintain alpinejs-devtools): I believe Alpine.js non-CSP build is going to cause issues when Chrome starts enforcing extensions manifest v3 (which might start disallowing unsafe-inline evaluation which is Alpine.js’ default evaluation method).
I’ve been using AlpineJS where I would’ve used jquery in the past. Just because I prefer its API but either way some light JS on the DOM is underrated in 2022.
— Chris⚡Arter 🤘 (@ChrisArter) June 16, 2022
Working with @Alpine_JS is so dang fun! I picked it this weekend and have multiple components up and running: dropdown, theme-switcher and text-resizer. Next up is a modal with search.
— Naiyer Asif نیر آصف (@Microflash) June 20, 2022
@Alpine_JS is a really nice framework for websites that are mostly static (or fully-fledged apps, but I prefer Vue for that).
You can eliminate all that glue code to manipulate form fields and the DOM. It’s super lightweight and doesn’t require compilation 👍
— Marvin Blum (@m5blum) June 21, 2022
— Jon Phenow (@jphenow) June 21, 2022
— Chris M. (@MstrKapowski) July 10, 2022