Sveltejs Academy · Lezione

Contesto e store: quando utilizzare ciascuno

Confronti contesto e store per condividere lo stato in scenari diversi.

Lezione 2 di 413 passaggi

Contesto e store: quando utilizzare ciascuno è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 2 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Sveltejs Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Sveltejs Academy include 4 lezioni in totale.

Due schemi

Gli store condividono dati nell'intera app; il contesto li condivide all'interno di uno specifico sottoalbero.

Casi d'uso globali

Gli store sono adatti alle funzionalità trasversali: utente corrente, tema, notifiche.

Casi d'uso con ambito limitato

Il contesto è adatto allo stato specifico di un'istanza: ad esempio un componente form che condivide il proprio registro con i discendenti.

Isolamento delle istanze

Se monta due istanze di Form, ognuna ha il proprio contesto. Gli store condividerebbero lo stato tra entrambe.

Considerazioni sull'SSR

Gli store possono condividere involontariamente lo stato tra le richieste nell'SSR se non vengono gestiti con attenzione. Il contesto è sicuro per le richieste perché è limitato all'istanza.

Contesto reattivo

Passi uno store tramite il contesto per gestire uno stato reattivo limitato al sottoalbero.

Eviti di mescolare i meccanismi

Scelga un solo meccanismo per ogni esigenza, così il codice rimane prevedibile.

Librerie di componenti

I componenti composti, come Tabs e Accordion, usano spesso il contesto per coordinare i componenti fratelli.

Dependency injection

Il contesto è perfetto per iniettare servizi o configurazioni da un wrapper a tutti i componenti figli.

Test

Il contesto è più semplice da sostituire nei test, scambiando il componente wrapper.

Albero decisionale

Valido per tutta l'app e singleton: store. Specifico per istanza o per il sottoalbero di una funzionalità: contesto.

Verifica rapida

Quando è preferibile il contesto rispetto a uno store?

Riepilogo

Store per i dati globali, contesto per quelli con ambito limitato. Usi il contesto per i componenti composti e la dependency injection.

Gratis per iniziare

Impara HTML con un tutor IA — gratis

Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.

Corsi
41
Lezioni
163

Domande Frequenti

La lezione «Contesto e store: quando utilizzare ciascuno» è gratuita?

Sì — il testo completo di «Contesto e store: quando utilizzare ciascuno» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Sveltejs Academy, passa a CoddyKit PRO. Il corso Sveltejs Academy include 4 lezioni in totale.

Cosa imparerò in «Contesto e store: quando utilizzare ciascuno»?

Confronti contesto e store per condividere lo stato in scenari diversi. Eserciti Sveltejs Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare Sveltejs Academy?

Non è richiesta alcuna esperienza precedente. Sveltejs Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 4.

Quanto tempo richiede la lezione «Contesto e store: quando utilizzare ciascuno»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione Sveltejs Academy?

Sì. Ogni lezione Sveltejs Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. setContext() e getContext()
  2. Contesto e store: quando utilizzare ciascuno
  3. Contesto tipizzato con TypeScript
  4. Contesto per l'iniezione delle dipendenze
← Torna a Sveltejs Academy