IT-lexicon › Web › Alpine.js

Alpine.js

Web Svenska → Bijgewerkt: 2026-10-02

Een minimalistisch JavaScript-framework waarbij alle logica als attributen rechtstreeks in de HTML staat. Ongeveer 15 kB. In 2019 gemaakt door Caleb Porzio, die het "Tailwind voor JavaScript" noemt.

Een dropdown wordt <div x-data="{ open: false }"> met x-on:click="open = !open" en x-show="open". Geen buildstap, geen componentbestanden, geen virtual DOM: alleen een script in <head> en een handvol directives die in een kwartier te leren zijn. Bedoeld voor de grote groep server-side gerenderde sites die op een paar plekken interactiviteit nodig hebben en waar React een onredelijk zwaar apparaat is. Wordt vaak gecombineerd met Laravel Livewire of htmx. De grens wordt duidelijk zodra de state groeit: Alpine heeft geen goed verhaal voor state die tussen componenten wordt gedeeld of voor grotere applicaties, en dat is het signaal om over te stappen.

← Terug naar het lexicon