Saltar al contenido
Framework Ecosystems LabsUn contrato, muchos ecosistemas, la misma prueba.

Por qué sí y por qué no — La cascada de peticiones#

⬅️ Clase 099 · 📚 Parte 7

Por qué sí Por qué no Qué se paga
Remix Conoce las rutas antes de cargar: los niveles van a la vez Dentro de un loader, una cascada se escribe igual de fácil Revisar cada await a mano
SvelteKit Lo mismo, y con la carga separada de la pantalla Igual: load no ordena nada por ti Lo mismo
Next.js Los niveles también van a la vez, y <Suspense> corta la espera La carga repartida entre componentes esconde la cascada Buscarla en varios archivos en lugar de en uno
Astro Todo a la vista en un frontmatter: la cascada se lee de arriba abajo El marco es un componente: sus esperas se suman a las de la página Sesenta milisegundos por nivel, y saber que pasa
Nuxt useAsyncData deduplica y guarda lo pedido La disposición encadena igual que en Astro Lo mismo, con la clave además que mantener

🧭 Lo que este contrato no puede probar#

💡 Lo que hay que llevarse#

Primero, la trampa: una cascada no deja rastro en el resultado. Las dos pantallas de esta clase traen exactamente los mismos datos, en el mismo orden, con el mismo marcado. Ninguna prueba de contenido las distingue, ninguna revisión de código las ve fácil —tres await seguidos parecen los pasos de una receta— y la única herramienta que las encuentra es un cronómetro.

Segundo, la distinción que evita perder la tarde: hay dos cascadas y solo una se arregla con Promise.all.

Tercero, sobre los frameworks: entre niveles anidados hay dos familias, y la frontera está en si el framework conoce la ruta entera antes de empezar a cargar. Remix, SvelteKit y Next la conocen y lanzan todos los niveles a la vez. En Astro y en Nuxt el marco es un componente normal, así que sus esperas se suman. Ninguna de las dos posturas es un fallo: son consecuencias de qué es una disposición en cada uno.

Y cuarto, que es lo que más se lleva uno de aquí. La posición de Next en esa tabla estaba escrita al revés antes de medir, con un razonamiento que sonaba impecable. El comentario equivocado se quedó en el código, corregido y con la explicación de por qué falló, porque esa es la lección: un modelo mental convincente no es una medición. Es exactamente lo que la clase 007 pedía, y aquí le tocó a quien escribe el material.

Fuentes#