Sveltejs Academy · Oppitunti

Konteksti ja storet: milloin kumpaakin käytetään

Vertailkaa kontekstia ja storeja tilan jakamiseen eri tilanteissa.

Oppitunti 2/413 vaihetta

Konteksti ja storet: milloin kumpaakin käytetään on ilmainen Sveltejs Academy-oppitunti CoddyKitissä. Tämä on oppitunti 2/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.

Kaksi mallia

Storeilla jaetaan dataa koko sovelluksessa, kun taas kontekstilla jaetaan sitä tietyssä alipuussa.

Maailmanlaajuiset käyttötapaukset

Storet sopivat sovelluksenlaajuisiin huolenaiheisiin, kuten nykyiseen käyttäjään, teemaan ja ilmoituksiin.

Rajatut käyttötapaukset

Konteksti sopii instanssikohtaiseen tilaan, kuten lomakekomponentin rekisteriin, jota jaetaan jälkeläisille.

Instanssien eristys

Jos liitätte kaksi Form-instanssia, kummallakin on oma kontekstinsa. Storet jakaisivat tilan molempien välillä.

SSR-huomioita

Storeista voi SSR:ssä vuotaa tilaa pyyntöjen välillä, jos ette ole varovaisia. Konteksti on pyyntöjen kannalta turvallinen, koska se on rajattu instanssiin.

Reaktiivinen konteksti

Välittäkää store kontekstin kautta, kun tarvitsette reaktiivista alipuuhun rajattua tilaa.

Välttäkää sekoittamista

Valitkaa yhtä huolenaihetta varten yksi mekanismi, jotta koodi pysyy ennakoitavana.

Komponenttikirjastot

Tabs- ja Accordion-komponenttien kaltaiset yhdistelmäkomponentit käyttävät kontekstia paljon sisarusten koordinointiin.

Riippuvuuksien injektointi

Konteksti sopii erinomaisesti palveluiden tai asetusten injektointiin wrapper-komponentista kaikille lapsikomponenteille.

Testaaminen

Konteksti on helpompi korvata testeissä vaihtamalla wrapper-komponentti.

Päätöspuu

Sovelluksenlaajuinen ja singleton: store. Instanssi- tai ominaisuuskohtainen alipuu: konteksti.

Pikatarkistus

Milloin konteksti on storea suositeltavampi?

Kertaus

Storet sopivat maailmanlaajuiseen ja konteksti rajattuun tilaan. Käyttäkää kontekstia yhdistelmäkomponenteissa ja riippuvuuksien injektoinnissa.

Aloita maksutta

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 ”Konteksti ja storet: milloin kumpaakin käytetään” ilmainen?

Kyllä – oppitunnin ”Konteksti ja storet: milloin kumpaakin käytetään” 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 ”Konteksti ja storet: milloin kumpaakin käytetään”?

Vertailkaa kontekstia ja storeja tilan jakamiseen eri tilanteissa. 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 2/4.

Kuinka kauan ”Konteksti ja storet: milloin kumpaakin käytetään”-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

  1. setContext() ja getContext()
  2. Konteksti ja storet: milloin kumpaakin käytetään
  3. Tyypitetty konteksti TypeScriptillä
  4. Konteksti riippuvuuksien injektointiin
← Takaisin: Sveltejs Academy