0Pricing
Sveltejs Academy · Lezione

Store readable e funzioni di avvio personalizzate

Crei store di sola lettura basati su timer, sensori o sorgenti dati esterne.

Store readable e funzioni di avvio personalizzate è una lezione Sveltejs Academy gratuita su CoddyKit. Questa è la lezione 4 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.

Store di sola lettura

Uno store readable dispone solo di subscribe. Chi lo utilizza non può modificarlo.

Importare readable

Proviene da svelte/store.

import { readable } from "svelte/store";

Valore iniziale e funzione di avvio

Passi un valore iniziale e una funzione di avvio. La funzione di avvio riceve un set e viene eseguita una volta al momento della prima sottoscrizione.

export const time = readable(new Date(), (set) => {
  const id = setInterval(() => set(new Date()), 1000);
  return () => clearInterval(id);
});

Funzione di arresto

Restituisca una funzione di pulizia dalla funzione di avvio. Svelte la chiama quando l'ultimo iscritto annulla la sottoscrizione.

Configurazione differita

La funzione di avvio non viene eseguita finché qualcuno non effettua una sottoscrizione. In questo modo si risparmiano risorse quando lo store non viene utilizzato.

Casi d'uso

Orologi, letture di sensori, flussi WebSocket, geolocalizzazione: qualsiasi elemento guidato da timer o eventi esterni.

Combinare con i componenti

Effettui la sottoscrizione con $time in qualsiasi componente. Svelte gestisce la pulizia.

<p>The time is {$time.toLocaleTimeString()}</p>

Iniziale senza aggiornamenti

Ometta la funzione di avvio per uno store readable costante. È utile per la configurazione statica.

export const apiBase = readable("https://api.example.com");

Riutilizzare il modello

Il modello factory consente di creare facilmente store readable specifici del dominio.

Confronto con writable

Gli store readable impediscono scritture accidentali da parte di chi li utilizza. Li utilizzi per le sorgenti gestite da un solo modulo.

Convertire writable in readable

Esponga solo il metodo subscribe di uno store writable per fornire agli utilizzatori una vista readable.

export const time = { subscribe: timeStore.subscribe };

Verifica rapida

Quando viene eseguita la funzione di avvio?

Riepilogo

readable crea store di sola lettura con avvio differito e funzioni di pulizia, ideali per le sorgenti esterne.

Domande Frequenti

La lezione «Store readable e funzioni di avvio personalizzate» è gratuita?

Sì — il testo completo di «Store readable e funzioni di avvio personalizzate» è 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 «Store readable e funzioni di avvio personalizzate»?

Crei store di sola lettura basati su timer, sensori o sorgenti dati esterne. 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 4 di 4.

Quanto tempo richiede la lezione «Store readable e funzioni di avvio personalizzate»?

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. Creazione di uno store writable
  2. Sottoscrizione con l'auto-sottoscrizione $
  3. Aggiornamento degli store: set() e update()
  4. Store readable e funzioni di avvio personalizzate
← Torna a Sveltejs Academy