Transmisión de datos con promesas en load
Devuelva promesas sin resolver desde load para transmitir datos después del HTML inicial.
Transmisión de datos con promesas en load es una lección gratuita de Sveltejs Academy en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Sveltejs Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Sveltejs Academy incluye 4 lecciones en total.
Por qué usar streaming
La carga mediante streaming permite renderizar la página antes de que se resuelvan los datos lentos, lo que mejora el rendimiento percibido.
Devolver promesas
Devuelva los datos con algunas propiedades en forma de promesas aún no resueltas.
export async function load() {
return {
fast: getFastData(),
slow: getSlowData() // promise, not awaited
};
}Await en el marcado
Use {#await} en la página para gestionar la promesa transmitida.
{#await data.slow}
<p>Loading...</p>
{:then result}
<p>{result}</p>
{/await}HTML inicial
Los datos rápidos se renderizan de inmediato; los datos lentos aparecen cuando se resuelven.
UX similar a Suspense
Muestre skeletons o indicadores de carga mientras se transmiten los datos.
Varias propiedades transmitidas
Transmita varias propiedades de forma independiente; cada una se resuelve según su propio ritmo.
Errores en los streams
Use {:catch} en el bloque await para gestionar los rechazos.
Se requiere el servidor
La carga mediante streaming solo funciona cuando SSR está habilitado.
Sin limitaciones del adaptador
La mayoría de los adaptadores (node, vercel, cloudflare) admiten streaming.
Seguridad de tipos
Devolver valores de tipo Promise<T> mantiene precisos los tipos de la propiedad data.
Cuándo usarlo
API lentas, contenido generado por IA y consultas grandes. Cualquier operación que no deba bloquear el primer renderizado.
Comprobación rápida
¿Qué sucede cuando devuelve desde load una promesa que no ha esperado?
Recapitulación
Transmita los datos devolviendo promesas no resueltas desde load y gestiónelas en el marcado con {#await}.
Preguntas frecuentes
¿La lección «Transmisión de datos con promesas en load» es gratis?
Sí — el texto completo de «Transmisión de datos con promesas en load» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Sveltejs Academy, actualiza a CoddyKit PRO. El curso de Sveltejs Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Transmisión de datos con promesas en load»?
Devuelva promesas sin resolver desde load para transmitir datos después del HTML inicial. Practicas Sveltejs Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Sveltejs Academy?
No se requiere experiencia previa. Sveltejs Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.
¿Cuánto tiempo toma la lección «Transmisión de datos con promesas en load»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Sveltejs Academy?
Sí. Cada lección de Sveltejs Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Transmisión de datos con promesas en load
- Carga diferida y UX similar a Suspense
- Transmisión desde el servidor con +server.js
- Hidratación progresiva