Transmissão com ReadableStream
Transmita respostas grandes progressivamente usando a API Web Streams em +server.js.
Transmissão com ReadableStream é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 4 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Sveltejs Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Sveltejs Academy inclui 4 aulas no total.
Por que transmitir
Respostas grandes podem ser enviadas progressivamente, para que o cliente comece a receber dados imediatamente.
API ReadableStream
Use a API padrão de fluxos da Web para criar uma resposta transmitida.
const stream = new ReadableStream({
async start(controller) {
for (const chunk of source) {
controller.enqueue(new TextEncoder().encode(chunk));
}
controller.close();
}
});
return new Response(stream);Eventos enviados pelo servidor
Transmita dados do tipo text/event-stream para obter atualizações em tempo real.
Transferência em partes
O HTTP entrega cada chunk enfileirado pela rede assim que ele fica pronto.
Casos de uso
Registros em tempo real, geração de texto por IA, envio e download de arquivos, eventos de progresso.
Lado do cliente
Use response.body.getReader() no cliente para consumir o fluxo.
Contrapressão
O fluxo pausa a produção quando o consumidor está lento. Evite bloquear o produtor.
Encerramento
Sempre chame controller.close() quando terminar. Os erros devem chamar controller.error().
Adaptadores
O suporte à transmissão contínua varia conforme o adaptador. adapter-node funciona; alguns ambientes de execução de borda têm limitações.
Desempenho
A transmissão contínua melhora drasticamente o tempo até o primeiro byte e a velocidade percebida.
Combinar com load
O carregamento com transmissão contínua do SvelteKit retorna promessas que são resolvidas ao longo do tempo, diferentemente dos fluxos brutos.
Verificação rápida
Qual é o principal benefício da transmissão contínua?
Recapitulação
Envolva um ReadableStream em uma Response para transmitir partes progressivamente a partir de +server.js.
Aprenda HTML com um tutor de IA — grátis
Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.
- Cursos
- 41
- Aulas
- 163
Perguntas Frequentes
A aula “Transmissão com ReadableStream” é grátis?
Sim — o texto completo de “Transmissão com ReadableStream” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Sveltejs Academy, atualize para CoddyKit PRO. O curso de Sveltejs Academy inclui 4 aulas no total.
O que vou aprender em “Transmissão com ReadableStream”?
Transmita respostas grandes progressivamente usando a API Web Streams em +server.js. Você pratica Sveltejs Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Sveltejs Academy?
Nenhuma experiência prévia é necessária. Sveltejs Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 4 de 4.
Quanto tempo leva a aula “Transmissão com ReadableStream”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Sveltejs Academy?
Sim. Cada aula de Sveltejs Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- +server.js: GET POST PUT DELETE
- Request e RequestEvent
- Retornando respostas JSON
- Transmissão com ReadableStream