Primeros pasos con AlpineJS, el microframework mágico

AlpineJS es un microframework con el que es posible incorporar una pequeña capa de interactividad a páginas web, al estilo de lo que en otras épocas prehistóricas se hubiese hecho con jQuery. Ni de lejos alcanza a Vue, Svelte o React, pero para páginas simples y no interactivas generadas server-side donde lo único que haga falta es iterar y lanzarle un poco de JS para conseguir una reactividad que de otro modo habría que hacer a mano.

AlpineJS es un micro-framework muy interesante, que no va a tener las mismas capacidades para hacer aplicaciones web interactivas que las que podemos tener con otros frameworks más normales y corrientes como por ejemplo Vue, Svelte o React, pero que por otra parte tampoco lo necesita.

Alpine busca ser útil principalmente cuando tenemos una página compuesta de HTML puro en la que queremos lanzar un poquito de JavaScript para algunas cosas puntuales, por ejemplo el típico panel de control que se genera server-side por parte de algún framework de back como Laravel, Rails o Django, o la típica aplicación de panel de control que se genera con algún CMS como por ejemplo WordPress o Drupal, aunque seguro que se os ocurren más casos como este.

De hecho sus autores lo comparan precisamente con jQuery, y es que nos permite hacer lo que a lo mejor hace 10 o 15 años haríamos con jQuery, tomar una página web hecha inicialmente en HTML e incorporarle un poquito de JavaScript para poder desarrollar algunas funcionalidades interactivas que lo necesitan de forma suelta.

Su sintaxis, no obstante, va a recordar muchísimo a la de otros frameworks como Vue, porque como os voy a enseñar es posible hacer cosas con Alpine.js sin ni siquiera escribir una sola línea de JavaScript, no necesitas ni siquiera crear un archivo .js, lo puedes hacer todo en HTML.

Lista de reproducción
  1. 1
    forEach vs map
    13 minutos
  2. 2
    El tutorial definitivo de promesas
    33 minutos
  3. 3
    Aprende a usar reduce en JavaScript
    21 minutos
  4. 4
    Cómo crear tests en NodeJS 20 sin instalar dependencias
    10 minutos
  5. 5
    Primeros pasos con AlpineJS, el microframework mágico
    9 minutos