Store’y readable i niestandardowe funkcje startowe
Twórz store’y tylko do odczytu oparte na timerach, sensorach lub zewnętrznych źródłach danych.
Store’y readable i niestandardowe funkcje startowe to bezpłatna lekcja Sveltejs Academy na CoddyKit. To lekcja 4 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.
Store'y tylko do odczytu
Store readable udostępnia wyłącznie subscribe. Konsumenci nie mogą go modyfikować.
Importowanie readable
Pochodzi z svelte/store.
import { readable } from "svelte/store";Wartość początkowa i funkcja startowa
Należy przekazać wartość początkową i funkcję startową. Funkcja startowa otrzymuje set i jest uruchamiana przy pierwszym subskrybencie.
export const time = readable(new Date(), (set) => {
const id = setInterval(() => set(new Date()), 1000);
return () => clearInterval(id);
});Funkcja zatrzymująca
Z funkcji startowej należy zwrócić funkcję sprzątającą. Svelte wywoła ją, gdy ostatni subskrybent anuluje subskrypcję.
Konfiguracja na żądanie
Funkcja startowa nie jest uruchamiana, dopóki ktoś nie zasubskrybuje store'a. Oszczędza to zasoby, gdy store nie jest używany.
Przypadki użycia
Zegary, odczyty z czujników, strumienie WebSocket, geolokalizacja — wszystko, co jest sterowane przez zewnętrzne timery lub zdarzenia.
Łączenie z komponentami
W dowolnym komponencie należy subskrybować store za pomocą $time. Svelte obsłuży sprzątanie.
<p>The time is {$time.toLocaleTimeString()}</p>Wartość początkowa bez aktualizacji
Funkcję startową można pominąć w przypadku stałego store'a readable. Jest to przydatne w przypadku statycznej konfiguracji.
export const apiBase = readable("https://api.example.com");Ponowne użycie schematu
Schemat fabryki ułatwia tworzenie store'ów readable przeznaczonych dla konkretnych domen.
Porównanie z writable
Store'y readable zapobiegają przypadkowym zapisom wykonywanym przez konsumentów. Należy używać ich w przypadku źródeł zarządzanych przez jeden moduł.
Konwersja writable na readable
Aby udostępnić konsumentom widok tylko do odczytu, należy udostępnić wyłącznie metodę subscribe store'a writable.
export const time = { subscribe: timeStore.subscribe };Szybkie sprawdzenie
Kiedy jest uruchamiana funkcja startowa?
Podsumowanie
readable tworzy store'y tylko do odczytu z opóźnionym uruchamianiem i funkcjami sprzątającymi — idealne do zewnętrznych źródeł.
Często zadawane pytania
Czy lekcja „Store’y readable i niestandardowe funkcje startowe” jest bezpłatna?
Tak — pełny tekst „Store’y readable i niestandardowe funkcje startowe” 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 „Store’y readable i niestandardowe funkcje startowe”?
Twórz store’y tylko do odczytu oparte na timerach, sensorach lub zewnętrznych źródłach danych. Ć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 4 z 4.
Ile czasu zajmuje lekcja „Store’y readable i niestandardowe funkcje startowe”?
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
- Tworzenie writable Store
- Subskrypcja z użyciem automatycznej subskrypcji $
- Aktualizowanie store’ów: set() i update()
- Store’y readable i niestandardowe funkcje startowe