Store-arkitektur: funktionsmoduler
Organisera stores i funktionsmoduler med inkapslade actions och selectors.
Store-arkitektur: funktionsmoduler är en gratis lektion i Sveltejs Academy på CoddyKit. Detta är lektion 1 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.
Varför feature-moduler
Stora appar drar nytta av att organisera stores efter feature: cart/, auth/ och orders/.
Varje modul exporterar
Varje modul exporterar tillstånd, härledda värden och åtgärder för sin feature.
// $lib/cart/store.js
export const items = writable([]);
export function add(item) { items.update(i => [...i, item]); }Inkapsling
Interna detaljer i storen stannar i modulen. Konsumenter använder de exporterade åtgärderna.
Selektorer
Tillhandahåll härledda selektorer för vanliga frågor.
export const total = derived(items, ($items) => $items.reduce((s, i) => s + i.price, 0));Testning
Varje feature kan testas isolerat utan att hela appen behöver startas.
Komposition
Komponera features genom att importera det du behöver. Undvik implicita beroenden mellan features.
Namngivningskonventioner
Använd konsekvent namngivning så att konsumenterna vet var de ska leta.
TypeScript-modeller
Definiera typer i feature-modulen och exportera dem tillsammans med storen.
Lat initiering
För route-specifika features importerar du modulen lazy när routen besöks.
Samordning mellan features
Använd en eventbuss eller en orkestrerare på högre nivå för att samordna utan hård koppling.
Skalning
Feature-moduler skalar bra: varje team äger sin feature-mapp.
Snabb kontroll
Vilken är den främsta fördelen med feature-moduler?
Sammanfattning
Organisera stores i feature-moduler med tillstånd, åtgärder och selektorer. Exportera ett tydligt API för varje feature.
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 ”Store-arkitektur: funktionsmoduler” gratis?
Ja – hela texten till ”Store-arkitektur: funktionsmoduler” 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 ”Store-arkitektur: funktionsmoduler”?
Organisera stores i funktionsmoduler med inkapslade actions och selectors. 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 1 av 4.
Hur lång tid tar lektionen ”Store-arkitektur: funktionsmoduler”?
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
- Store-arkitektur: funktionsmoduler
- Eventbussmönstret med stores
- Optimistiska UI-uppdateringar
- Ångra/gör om med store-historik