Strumieniowanie danych za pomocą Promise w load
Zwracaj nierozwiązane Promise z load, aby strumieniować dane po początkowym kodzie HTML.
Strumieniowanie danych za pomocą Promise w load to bezpłatna lekcja Sveltejs Academy na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Sveltejs Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Dlaczego streaming
Ładowanie strumieniowe pozwala wyrenderować stronę przed zakończeniem pobierania wolnych danych, poprawiając postrzeganą wydajność.
Zwracanie obietnic
Zwracaj dane, w których niektóre właściwości są jeszcze nierozwiązanymi obietnicami.
export async function load() {
return {
fast: getFastData(),
slow: getSlowData() // promise, not awaited
};
}Await w znacznikach
Użyj {#await} na stronie, aby obsłużyć obietnicę przesyłaną strumieniowo.
{#await data.slow}
<p>Loading...</p>
{:then result}
<p>{result}</p>
{/await}Początkowy HTML
Szybkie dane są renderowane natychmiast, a wolne dane pojawiają się po ich rozwiązaniu.
Interfejs podobny do Suspense
Wyświetlaj szkielety lub wskaźniki ładowania podczas przesyłania danych.
Wiele właściwości przesyłanych strumieniowo
Przesyłaj wiele właściwości niezależnie — każda z nich zostanie rozwiązana w swoim czasie.
Błędy w strumieniach
Użyj {:catch} w bloku await, aby obsłużyć odrzucenie obietnicy.
Wymagany serwer
Ładowanie strumieniowe działa tylko wtedy, gdy SSR jest włączone.
Brak ograniczeń adaptera
Większość adapterów (node, vercel, cloudflare) obsługuje streaming.
Bezpieczeństwo typów
Zwracanie wartości typu Promise
Kiedy używać
Wolne API, treści generowane przez AI, duże zapytania — wszystko, co nie powinno blokować pierwszego renderowania.
Szybkie sprawdzenie
Co się dzieje, gdy z load zwrócą Państwo obietnicę, na którą nie wykonano await?
Podsumowanie
Przesyłaj dane strumieniowo, zwracając z load nierozwiązane obietnice, a następnie obsługuj je w znacznikach za pomocą {#await}.
Często zadawane pytania
Czy lekcja „Strumieniowanie danych za pomocą Promise w load” jest bezpłatna?
Tak — pełny tekst „Strumieniowanie danych za pomocą Promise w load” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Sveltejs Academy, przejdź na CoddyKit PRO. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Strumieniowanie danych za pomocą Promise w load”?
Zwracaj nierozwiązane Promise z load, aby strumieniować dane po początkowym kodzie HTML. Ćwiczysz Sveltejs Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Sveltejs Academy?
Nie wymagamy żadnego doświadczenia. Sveltejs Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.
Ile czasu zajmuje lekcja „Strumieniowanie danych za pomocą Promise w load”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Sveltejs Academy?
Tak. Każda lekcja Sveltejs Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Strumieniowanie danych za pomocą Promise w load
- Odroczone ładowanie i interfejs podobny do Suspense
- Strumieniowanie z serwera za pomocą +server.js
- Progresywna hydracja