Kirjoitettavan Storen luominen
Luokaa kirjoitettava store ja alustakaa se aloitusarvolla.
Kirjoitettavan Storen luominen on ilmainen Sveltejs Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Sveltejs Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Sveltejs Academy-kurssilla on yhteensä 4 oppituntia.
Miksi storeja käytetään
Storet sisältävät reaktiivista tilaa, jota voidaan jakaa komponenttien kesken. Ne sopivat esimerkiksi maailmanlaajuiseen tilaan, kuten nykyiseen käyttäjään.
Tuokaa writable
writable-tehdas tulee paketista svelte/store.
import { writable } from "svelte/store";Perusstore
Antakaa alkuarvo storen luomista varten.
export const count = writable(0);Objekti alkuarvona
Store voi sisältää minkä tahansa arvon: lukuja, merkkijonoja, taulukoita tai objekteja.
export const user = writable({ name: "", email: "" });Storen API
Jokaisella storella on kolme metodia: subscribe, set ja update.
Set-metodi
Korvaa arvon kokonaan.
count.set(10);Update-metodi
Muuntaa nykyisen arvon takaisinkutsun avulla.
count.update(n => n + 1);Moduulitiedosto
Storet määritellään yleensä jaetussa moduulitiedostossa, kuten src/lib/stores.js, ja tuodaan käyttöön muualla.
Staattinen alkuarvo
Alkuarvo voidaan myös ladata kohteesta localStorage tai käyttää oletusarvoa.
const init = JSON.parse(localStorage.getItem("count") ?? "0");
export const count = writable(init);Älkää luoko uudelleen
Jokainen writable()-kutsu luo uuden storen. Jakakaa sama instanssi kaikkien tuontien kesken.
Nimeämiskäytännöt
Valitkaa selkeät nimet, kuten currentUser. Store-nimissä käytetään usein toimialueen substantiivia lopussa.
Pikatarkistus
Mikä metodi korvaa arvon?
Kertaus
Luokaa writable-storeja kutsulla writable(initial). Ne tarjoavat metodit subscribe, set ja update.
Opi HTML tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 41
- Oppitunnit
- 163
Usein kysytyt kysymykset
Onko oppitunti ”Kirjoitettavan Storen luominen” ilmainen?
Kyllä – oppitunnin ”Kirjoitettavan Storen luominen” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Sveltejs Academy-kurssin, päivitä CoddyKit PROhon. Sveltejs Academy-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Kirjoitettavan Storen luominen”?
Luokaa kirjoitettava store ja alustakaa se aloitusarvolla. Harjoittelet Sveltejs Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni Sveltejs Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin Sveltejs Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/4.
Kuinka kauan ”Kirjoitettavan Storen luominen”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä Sveltejs Academy-oppitunnilla?
Kyllä. Jokainen Sveltejs Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Kirjoitettavan Storen luominen
- Tilaaminen $-automaattitilauksella
- Storejen päivittäminen: set() ja update()
- readable-storet ja mukautetut aloitusfunktiot