Hvornår skal stores bruges frem for lokal state
Vælg mellem komponent-state og stores ud fra behovet for deling og levetid
Hvornår skal stores bruges frem for lokal state er en gratis Sveltejs Academy-lektion på CoddyKit. Dette er lektion 3 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Sveltejs Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Lokal tilstand
Brug let i en komponent, når dataene kun hører til i den pågældende komponent.
Komponentegenskaber
Brug export let til input fra en overordnet komponent. Den overordnede komponent ejer tilstanden.
Stores
Brug stores, når flere uafhængige komponenter skal dele eller reagere på de samme data.
Eksempler på stores
Aktuel bruger, tema, indhold i indkøbskurv, notifikationer – alt, der er globalt.
Eksempler på lokal tilstand
Formularinput, skifteknapper, hover-tilstand, animationstimere – alt, der er begrænset til én komponent.
Context-API
Brug setContext/getContext til data, der deles ned gennem et undertræ, men ikke globalt.
Undgå for tidlige stores
Begynd med lokal tilstand, og flyt den til en store, når behovet for deling vokser.
Testbarhed
Lokal tilstand er lettest at teste. Stores kræver mocking eller indpakning.
Vedvarende tilstand
Pak stores ind i synkronisering med localStorage for at bevare tilstanden.
Refaktorering
Det er en lille refaktorering at gå fra lokal tilstand til en store: Erstat let med storen, og skift x ud med $x.
Anti-mønster: Alt i stores
Hvis du placerer al tilstand i stores, opstår der implicit kobling. Foretræk lokal tilstand, indtil det er nødvendigt at dele den.
Hurtigt tjek
Hvornår er en store det rigtige valg?
Opsummering
Brug som standard lokal let-tilstand, og flyt den til stores eller context, når behovet for deling vokser.
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 41
- Lektioner
- 163
Ofte stillede spørgsmål
Er lektionen “Hvornår skal stores bruges frem for lokal state” gratis?
Ja — hele teksten til “Hvornår skal stores bruges frem for lokal state” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Sveltejs Academy-kurset, skal du opgradere til CoddyKit PRO. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Hvornår skal stores bruges frem for lokal state”?
Vælg mellem komponent-state og stores ud fra behovet for deling og levetid Du øver dig i Sveltejs Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Sveltejs Academy?
Der kræves ingen tidligere erfaring. Sveltejs Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 4.
Hvor lang tid tager lektionen “Hvornår skal stores bruges frem for lokal state”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Sveltejs Academy-lektion?
Ja. Alle Sveltejs Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Reaktive statements: $:-blok
- Reaktive afhængigheder og rækkefølge
- Hvornår skal stores bruges frem for lokal state
- Undgå forældede closures