readable-stores och anpassade startfunktioner
Skapa skrivskyddade stores som bygger på timers, sensorer eller externa datakällor.
readable-stores och anpassade startfunktioner är en gratis lektion i Sveltejs Academy på CoddyKit. Detta är lektion 4 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Sveltejs Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Sveltejs Academy innehåller totalt 4 lektioner.
Skrivskyddade stores
En readable-store har endast subscribe. Konsumenter kan inte ändra den.
Importera readable
Kommer från svelte/store.
import { readable } from "svelte/store";Initialvärde + startfunktion
Skicka in ett initialvärde och en startfunktion. Startfunktionen tar emot en set och körs en gång när den första prenumeranten ansluter.
export const time = readable(new Date(), (set) => {
const id = setInterval(() => set(new Date()), 1000);
return () => clearInterval(id);
});Stoppfunktion
Returnera en funktion för städning från startfunktionen. Svelte anropar den när den sista prenumeranten avslutar sin prenumeration.
Lat initiering
Startfunktionen körs inte förrän någon prenumererar. Det sparar resurser när storen inte används.
Användningsområden
Klockor, sensoravläsningar, WebSocket-flöden, geolokalisering – allt som drivs av externa timers eller händelser.
Kombinera med komponenter
Prenumerera med $time i valfri komponent. Svelte hanterar nedmonteringen.
<p>The time is {$time.toLocaleTimeString()}</p>Initialvärde utan uppdateringar
Utelämna startfunktionen för en konstant readable-store. Det är användbart för statisk konfiguration.
export const apiBase = readable("https://api.example.com");Återanvänd mönstret
Fabriksmönstret gör det enkelt att skapa domänspecifika readable-stores.
Jämförelse med writable
Readable-stores förhindrar oavsiktliga skrivningar från konsumenter. Använd dem för källor som ägs av en enda modul.
Konvertera writable till readable
Exponera endast prenumerationsmetoden från en writable för att ge konsumenterna en readable-vy.
export const time = { subscribe: timeStore.subscribe };Snabbtest
När körs startfunktionen?
Sammanfattning
readable skapar skrivskyddade stores med lat initiering och funktioner för städning, vilket passar perfekt för externa källor.
Lär dig HTML med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 41
- Lektioner
- 163
Vanliga frågor
Är lektionen ”readable-stores och anpassade startfunktioner” gratis?
Ja – hela texten till ”readable-stores och anpassade startfunktioner” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Sveltejs Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i Sveltejs Academy innehåller totalt 4 lektioner.
Vad lär jag mig i ”readable-stores och anpassade startfunktioner”?
Skapa skrivskyddade stores som bygger på timers, sensorer eller externa datakällor. Ni övar på Sveltejs Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig Sveltejs Academy?
Du behöver inga förkunskaper. Utbildningen i Sveltejs Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 4 av 4.
Hur lång tid tar lektionen ”readable-stores och anpassade startfunktioner”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här Sveltejs Academy-lektionen?
Ja. Varje Sveltejs Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Skapa en skrivbar Store
- Prenumerera med $ och automatisk prenumeration
- Uppdatera stores: set() och update()
- readable-stores och anpassade startfunktioner