load içinde Promise'lerle Veri Akışı
İlk HTML'den sonra veri akışı sağlamak için load işlevinden henüz çözülmemiş Promise'ler döndürün.
load içinde Promise'lerle Veri Akışı, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Akış neden kullanılır
Akışlı yükleme, yavaş veriler çözümlenmeden önce sayfanın oluşturulmasına olanak tanır ve algılanan performansı artırır.
Vaatleri döndürme
Bazı özellikleri henüz çözümlenmemiş vaatler olan verileri döndürün.
export async function load() {
return {
fast: getFastData(),
slow: getSlowData() // promise, not awaited
};
}İşaretlemede bekleme
Akışla gelen vaadi işlemek için sayfada {#await} kullanın.
{#await data.slow}
<p>Loading...</p>
{:then result}
<p>{result}</p>
{/await}İlk HTML
Hızlı veriler hemen oluşturulur; yavaş veriler çözümlendiğinde ekrana gelir.
Askıya alma benzeri kullanıcı deneyimi
Veriler akışla gelirken iskeletler veya yükleme göstergeleri gösterin.
Birden çok akışlı özellik
Birden çok özelliği bağımsız olarak akışa alın; her biri kendi zamanında çözümlenir.
Akışlardaki hatalar
Reddedilmeyi işlemek için await bloğunda {:catch} kullanın.
Sunucu gerekli
Akışlı yükleme yalnızca SSR etkinleştirildiğinde çalışır.
Bağdaştırıcı sınırlaması yok
Bağdaştırıcıların çoğu (node, vercel, cloudflare) akışları destekler.
Tür güvenliği
Promise<T> değerlerini döndürmek, data özelliğindeki türlerin doğru kalmasını sağlar.
Ne zaman kullanılmalı
Yavaş API'ler, yapay zekâ tarafından oluşturulan içerik ve büyük sorgular için kullanın. İlk boyamayı engellememesi gereken her şey buna dahildir.
Hızlı kontrol
load işlevinden beklenmemiş bir vaat döndürdüğünüzde ne olur?
Özet
load işlevinden çözümlenmemiş vaatler döndürerek akış kullanın; bunları işaretlemede {#await} ile işleyin.
Yapay zeka eğitmeniyle HTML öğren — ücretsiz
Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.
- Kurslar
- 41
- Dersler
- 163
Sıkça Sorulan Sorular
“load içinde Promise'lerle Veri Akışı” dersi ücretsiz mi?
Evet — “load içinde Promise'lerle Veri Akışı” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“load içinde Promise'lerle Veri Akışı” dersinde ne öğreneceğim?
İlk HTML'den sonra veri akışı sağlamak için load işlevinden henüz çözülmemiş Promise'ler döndürün. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.
“load içinde Promise'lerle Veri Akışı” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- load içinde Promise'lerle Veri Akışı
- Ertelenmiş Yükleme ve Suspense Benzeri Kullanıcı Deneyimi
- +server.js ile Sunucudan Veri Akışı
- Aşamalı Hydration