Proyecto Intermodular — CFGS DAW

No se trata de cuál es mejor.
Se trata de cuál usar.

React domina el ecosistema frontend. Astro propone una pregunta incómoda: ¿necesita todo ese JavaScript tu sitio web?

↓
El problema

React es brillante.
¿Pero lo necesitas todo?

Los frameworks SPA como React revolucionaron el desarrollo web. La idea es simple: el navegador descarga la aplicación entera como JavaScript y la ejecuta en el cliente. Todo ocurre ahí: el routing, el renderizado, la gestión del estado.

El problema aparece cuando aplicamos ese modelo a sitios que, en su mayor parte, solo muestran contenido. Un blog. Una landing. Una página de documentación. El usuario no necesita una aplicación interactiva — necesita leer.

Antes de mostrar una sola línea de texto, el navegador tiene que descargar, parsear y ejecutar cientos de kilobytes de JavaScript. El contenido espera.

3× más JavaScript del necesario en sitios de contenido típicos
~70% del peso de una SPA media corresponde a frameworks y librerías
FCP First Contentful Paint penalizado hasta que el bundle JS se ejecuta
La respuesta

Conoce Astro.

Un framework diseñado desde cero para sitios orientados al contenido. Su principio fundamental: enviar cero JavaScript al navegador por defecto, y añadirlo únicamente donde sea necesario.

Header HTML estático
Contenido HTML estático
Componente interactivo ⚡ Isla React
Más contenido HTML estático
Footer HTML estático

La arquitectura de islas

En Astro, una página es mayoritariamente HTML estático generado en el servidor. Solo los componentes que requieren interactividad real se convierten en "islas" — fragmentos aislados que cargan y ejecutan JavaScript de forma independiente.

El resto de la página no espera. El contenido es visible de inmediato, sin que el navegador tenga que procesar ningún bundle.

Demostración interactiva

Vélo en acción.

Así se comporta cada modelo cuando el navegador carga una página. La diferencia no es teórica.

React SPA

Pulsa el botón para simular la carga de la página.

Navegador
─□✕
Header
Contenido principal
Sección
Sección
Footer

 
La conclusión

Herramientas distintas.
Problemas distintos.

Astro no viene a reemplazar a React. React sigue siendo la elección correcta para aplicaciones complejas, dashboards, o cualquier interfaz donde la interactividad es el producto.

Pero cuando el producto es el contenido — un blog, una landing, una página de documentación — aplicar el modelo SPA es elegir la herramienta equivocada. No porque React sea malo, sino porque no es lo que ese problema necesita.

La competencia profesional no solo está en dominar un framework. Está en saber cuándo no usarlo.

React
  • Aplicaciones interactivas
  • Dashboards y paneles
  • Estado complejo en el cliente
  • SPAs con navegación dinámica
Astro
  • Blogs y publicaciones
  • Landings y portfolios
  • Documentación técnica
  • Sitios de marketing y contenido

Esta página ha sido desarrollada como demostración práctica del Proyecto Intermodular de Fin de Grado del Ciclo Formativo de Grado Superior en Desarrollo de Aplicaciones Web. Su objetivo es ilustrar las diferencias entre el modelo de hidratación completa de las SPAs y la arquitectura de islas de Astro, reforzando el argumento central del trabajo.

José Antonio López
Autor

José Antonio López

CFGS Desarrollo de Aplicaciones Web · Curso 2025–2026

LinkedIn GitHub