🗺️ Atlas de frameworks#

⬅️ Programa · 🗂️ Índice completo · 🧭 Taxonomía · 📖 Fuentes

El Atlas es la segunda capa del programa. Mientras el núcleo implementa un solo contrato en cinco ecosistemas y lo verifica en cada entrega, el Atlas te deja reconocer 138 tecnologías por su lugar en la historia: de dónde vino cada una, qué problema resolvió, qué dejó abierto y quién recogió el testigo.

La tesis es la misma que la del programa: aprende el representante, reconoce la familia entera. Nadie aprende 138 frameworks. Cualquiera puede aprender ocho ideas y ver esas ocho ideas repetirse con nombres distintos durante veinte años.

Este material es de lectura. No se ejecuta en integración continua: lo que se ejecuta son los cinco laboratorios del contrato. Cada entrada del Atlas se fecha y enlaza a su documentación oficial, porque las versiones y el gobierno cambian mucho más rápido que la historia.

🌍 Cada lenguaje tiene sus frameworks — y no son intercambiables#

Esta es la observación que organiza el Atlas. Un framework no es una idea flotante que se implementa igual en todas partes: hereda las restricciones y las virtudes de su lenguaje, y por eso los ecosistemas no convergen.

👉 Índice completo con las 138 tecnologías · 138 fichas a fondo — una por tecnología, todas con fuentes

🕰️ Las cinco eras#

La historia de los frameworks web no es una línea recta hacia el cliente. Es un péndulo, y saber en qué punto del péndulo estás evita repetir discusiones que ya se tuvieron.

timeline
  title Las cinco eras de los frameworks web
  1995-2004 : El servidor lo hace todo
            : Struts, Web Forms, CakePHP, PHP puro
  2005-2009 : Convención sobre configuración
            : Rails, Django, Symfony, CodeIgniter, jQuery
  2010-2015 : El estado se muda al navegador
            : Backbone, AngularJS, Ember, React, Angular
  2016-2021 : El metaframework y la vuelta al servidor
            : Next.js, Nuxt, Spring Boot, FastAPI, Laravel maduro
  2022-2026 : Islas, señales y regreso del hipermedia
            : Astro, Qwik, htmx, LiveView, SolidJS, Turbo

Qué se aprende de cada giro#

Ninguna era es superior. Cada una resolvió el dolor de la anterior y creó el suyo. Quien solo conoce la era en la que empezó confunde su punto de partida con el estado natural del campo [fowler-poeaa].

🌳 Genealogía: quién viene de quién#

Las flechas indican influencia declarada o linaje directo, no equivalencia.

flowchart TD
  subgraph N["Navegador"]
    PROTO["Prototype · 2005"] --> JQ["jQuery · 2006"]
    JQ --> BB["Backbone · 2010"]
    JQ --> KO["Knockout · 2010"]
    BB --> NG1["AngularJS · 2010"]
    KO --> NG1
    NG1 --> NG2["Angular · 2016"]
    BB --> EMB["Ember · 2011"]
    NG1 -.->|"reacción"| RE["React · 2013"]
    RE --> PRE["Preact · 2015"]
    RE --> VUE["Vue · 2014"]
    NG1 --> VUE
    VUE --> SV["Svelte · 2016"]
    RE --> SOL["SolidJS · 2018"]
    KO --> SOL
    SV --> QW["Qwik · 2021"]
    JQ -.->|"mismo espíritu"| ALP["Alpine · 2019"]
    JQ -.->|"mismo espíritu"| HTX["htmx · 2020"]
  end

  subgraph M["Metaframeworks"]
    RE --> NX["Next.js · 2016"]
    VUE --> NU["Nuxt · 2016"]
    SV --> SK["SvelteKit · 2022"]
    RE --> RMX["Remix · 2021"]
    NX --> AS["Astro · 2021"]
    NU --> NIT["Nitro"] --> SK
  end

  subgraph S["Servidor"]
    STR["Struts · 2000"] --> SPR["Spring · 2003"]
    SPR --> SB["Spring Boot · 2014"]
    RB["Rails · 2004"] --> DJ["Django · 2005"]
    RB --> CAKE["CakePHP · 2005"]
    RB --> CI["CodeIgniter · 2006"]
    CI --> LAR["Laravel · 2011"]
    SYM["Symfony · 2005"] --> LAR
    SIN["Sinatra · 2007"] --> FLK["Flask · 2010"]
    SIN --> EXP["Express · 2010"]
    FLK --> FAPI["FastAPI · 2018"]
    EXP --> KOA["Koa · 2013"]
    EXP --> FST["Fastify · 2016"]
    NG2 --> NEST["NestJS · 2017"]
    SPR --> NEST
    RB --> TURBO["Hotwire · 2021"]
    RB --> LV["LiveView · 2019"]
  end

Tres lecturas que este grafo hace evidentes:

1. Rails es el nodo más influyente del campo. Django, CakePHP, CodeIgniter, Grails, Sails y Laravel citan sus convenciones. Casi nadie que use Laravel hoy ha escrito una línea de Ruby.
2. Sinatra generó más descendencia que muchos frameworks completos. El estilo «verbo, ruta, bloque» está en Flask, Express, Slim y una docena más.
3. htmx y Alpine cierran el círculo con jQuery. Veinte años después, la idea de añadir comportamiento a HTML que ya existe volvió con otro vocabulario.

🧭 Cómo usar el Atlas#

⚖️ Criterio de inclusión#

Una tecnología entra en el Atlas si cumple al menos una de estas condiciones, y la entrada dice cuál:

• Se usa hoy de forma verificable, con documentación oficial mantenida.
• Aportó una idea que sobrevivió a su propio declive (Backbone, Knockout).
• Su fracaso enseña algo que el éxito de otros no enseña (AngularJS, Web Forms, Gatsby).
• Es el representante de una familia que de otro modo quedaría fuera.

Y una condición que no es criterio de inclusión: la popularidad. El número de estrellas o de descargas no aparece en ninguna entrada de este catálogo, porque no responde a ninguna de las preguntas del módulo 11.

🔄 Qué caduca y qué no#

node scripts/refresh-catalog.mjs contrasta cada enlace y cada identificador de licencia con su fuente y avisa de la deriva.

Fuentes#

• [fowler-poeaa] Fowler, Martin. Patterns of Enterprise Application Architecture. Addison-Wesley, 2002. ISBN 9780321127426 — https://openlibrary.org/isbn/9780321127426