Léxico TI › Web › Alpine.js

Alpine.js

Web Svenska → Actualizado: 2026-08-12

Framework de JavaScript minimalista donde toda la lógica se escribe como atributos directamente en el HTML. Unos 15 kB. Creado por Caleb Porzio en 2019 y descrito por él mismo como «Tailwind para JavaScript».

Un desplegable se convierte en <div x-data="{ open: false }"> con x-on:click="open = !open" y x-show="open". Sin paso de compilación, sin archivos de componente, sin DOM virtual —solo un script en el <head> y un puñado de directivas que se aprenden en un cuarto de hora. Está pensado para la enorme cantidad de sitios renderizados en el servidor que solo necesitan interactividad en unos pocos puntos, donde React es un aparato desmesurado. Suele combinarse con Laravel Livewire o htmx. El límite se nota con claridad cuando el estado crece: Alpine no tiene una buena historia para el estado compartido entre componentes ni para aplicaciones grandes, y esa es la señal para cambiar.

← Volver al léxico