derived() per gli store calcolati
Derivi un nuovo store il cui valore viene calcolato a partire da uno o più altri store.
derived() per gli store calcolati è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 1 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.
Che cosa fa derived
derived crea un nuovo store il cui valore viene calcolato a partire da uno o più store sorgente.
Importarlo
Da svelte/store.
import { derived } from "svelte/store";Una singola sorgente
Per derivare da un singolo store, passi lo store e una funzione che restituisce il valore derivato.
export const doubled = derived(count, ($count) => $count * 2);Più sorgenti
Passi un array di store; il callback riceve un array con i rispettivi valori.
export const total = derived([price, qty], ([$p, $q]) => $p * $q);Derived asincrono
Passi un secondo argomento set e lo chiami in modo asincrono per derivare il valore da una sorgente asincrona.
derived(userId, ($id, set) => {
fetchUser($id).then(set);
});Valore iniziale
Gli store derived asincroni accettano un terzo argomento come valore iniziale, prima che venga chiamato set.
Pulizia automatica
Come gli altri store, derived rimuove automaticamente le sottoscrizioni alle proprie sorgenti.
Concatenazione
Gli store derived possono a loro volta fungere da sorgenti per altri store derived.
Memoizzazione
Il valore derivato viene aggiornato solo quando cambiano i valori delle sorgenti. È equivalente ai selettori memoizzati.
Utilizzo nei componenti
Lo utilizzi con la forma abbreviata $, come qualsiasi altro store.
<p>Total: {$total}</p>Quando utilizzarlo
Utilizzi derived per lo stato condiviso calcolato; per i valori calcolati locali al componente, preferisca $:.
Verifica rapida
Che cosa restituisce derived?
Riepilogo
derived crea store calcolati di sola lettura a partire da una o più sorgenti. Supporta derivazioni sincrone e asincrone.
Domande Frequenti
La lezione «derived() per gli store calcolati» è gratuita?
Sì — il testo completo di «derived() per gli store calcolati» è 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 «derived() per gli store calcolati»?
Derivi un nuovo store il cui valore viene calcolato a partire da uno o più altri store. 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 1 di 4.
Quanto tempo richiede la lezione «derived() per gli store calcolati»?
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
- derived() per gli store calcolati
- Pattern di store personalizzato con subscribe/set/update
- Readable a partire da Writable
- Contratti degli store e interoperabilità