Kontext eller stores: När ska de användas?
Jämför kontext och stores för att dela tillstånd i olika situationer.
Kontext eller stores: När ska de användas? är en gratis lektion i Sveltejs Academy på CoddyKit. Detta är lektion 2 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.
Två mönster
Stores delar data i hela appen, medan context delar data inom ett specifikt delträd.
Globala användningsområden
Stores passar för tvärgående funktioner: aktuell användare, tema och aviseringar.
Avgränsade användningsområden
Context passar för instansspecifikt tillstånd, till exempel en formulärkomponent som delar sitt register med ättlingar.
Isolering mellan instanser
Om Ni monterar två Form-instanser har var och en sin egen context. Stores skulle dela tillstånd mellan båda.
Att tänka på vid SSR
Stores kan läcka tillstånd mellan förfrågningar vid SSR om de inte hanteras försiktigt. Context är säker per förfrågan eftersom den är instansavgränsad.
Reaktiv context
Skicka en store via context för reaktivt, delträdsavgränsat tillstånd.
Undvik att blanda
Välj en mekanism per användningsområde för att hålla koden förutsägbar.
Komponentbibliotek
Sammansatta komponenter som Tabs och Accordion använder ofta context för att samordna syskonkomponenter.
Beroendeinjektion
Context passar perfekt för att injicera tjänster eller konfiguration från en wrapper till alla barnkomponenter.
Testning
Context är enklare att ersätta i tester genom att byta ut wrapper-komponenten.
Beslutsträd
För hela appen och som singleton: store. För en specifik instans eller ett funktionsdelträd: context.
Snabb kontroll
När föredras context framför en store?
Sammanfattning
Stores för globala data, context för avgränsade data. Använd context för sammansatta komponenter och beroendeinjektion.
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 ”Kontext eller stores: När ska de användas?” gratis?
Ja – hela texten till ”Kontext eller stores: När ska de användas?” 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 ”Kontext eller stores: När ska de användas?”?
Jämför kontext och stores för att dela tillstånd i olika situationer. 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 2 av 4.
Hur lång tid tar lektionen ”Kontext eller stores: När ska de användas?”?
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
- setContext() och getContext()
- Kontext eller stores: När ska de användas?
- Typad kontext med TypeScript
- Kontext för dependency injection