Mengalirkan Data dengan Promise dalam load
Kembalikan promise yang belum terselesaikan dari load untuk mengalirkan data setelah HTML awal.
Mengalirkan Data dengan Promise dalam load adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Mengapa Menggunakan stream
Pemuatan melalui pengaliran memungkinkan halaman dirender sebelum data yang lambat selesai diproses, sehingga meningkatkan kinerja yang dirasakan.
Kembalikan Promise
Kembalikan data dengan beberapa properti berupa Promise yang belum terselesaikan.
export async function load() {
return {
fast: getFastData(),
slow: getSlowData() // promise, not awaited
};
}Await dalam Markah
Gunakan {#await} di halaman untuk menangani Promise yang dialirkan.
{#await data.slow}
<p>Loading...</p>
{:then result}
<p>{result}</p>
{/await}HTML Awal
Data cepat langsung dirender; data lambat diisi setelah selesai diproses.
Pengalaman Pengguna seperti Suspense
Tampilkan kerangka atau pemintal saat data dialirkan.
Beberapa Properti yang Dialirkan
Alirkan beberapa properti secara independen; masing-masing selesai pada waktunya sendiri.
Kesalahan dalam stream
Gunakan {:catch} dalam blok await untuk menangani penolakan.
Server Diperlukan
Pemuatan melalui pengaliran hanya berfungsi ketika SSR diaktifkan.
Tanpa Batasan Adaptor
Sebagian besar adaptor (node, vercel, cloudflare) mendukung pengaliran.
Keamanan Tipe
Mengembalikan nilai Promise
Kapan Digunakan
API yang lambat, konten yang dihasilkan kecerdasan buatan, dan kueri besar. Gunakan untuk apa pun yang tidak boleh menghalangi perenderan pertama.
Cek Singkat
Apa yang terjadi saat Anda mengembalikan Promise yang belum ditunggu dari load?
Ringkasan
Lakukan pengaliran dengan mengembalikan Promise yang belum terselesaikan dari load; tangani dalam markah menggunakan {#await}.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Mengalirkan Data dengan Promise dalam load” gratis?
Ya — teks lengkap “Mengalirkan Data dengan Promise dalam load” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Mengalirkan Data dengan Promise dalam load”?
Kembalikan promise yang belum terselesaikan dari load untuk mengalirkan data setelah HTML awal. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.
Berapa lama pelajaran “Mengalirkan Data dengan Promise dalam load” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Mengalirkan Data dengan Promise dalam load
- Pemuatan Tertunda dan UX Mirip Suspense
- Mengalirkan Data dari Server dengan +server.js
- Hidrasi Progresif