0Pricing
Sveltejs Academy · Leçon

Readable à partir d’un store modifiable

Exposez uniquement la partie lecture d’un store modifiable aux utilisateurs.

Readable à partir d’un store modifiable est une leçon Sveltejs Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Sveltejs Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Sveltejs Academy comprend 4 leçons au total.

Pourquoi exposer une vue en lecture seule

Vous pouvez vouloir effectuer des écritures en interne tout en offrant un accès en lecture seule aux consommateurs, afin d’éviter les modifications accidentelles.

Schéma

Gardez le magasin inscriptible privé ; exportez un objet qui ne contient que la méthode subscribe.

const _user = writable(null);
export const user = { subscribe: _user.subscribe };
export function setUser(u) { _user.set(u); }

Chemin de modification externe

Fournissez des fonctions explicites pour les écritures. Cela fait passer toutes les modifications par un point d’entrée unique.

Associer à des méthodes

Ce schéma est souvent combiné au schéma des magasins personnalisés : subscribe et des méthodes d’action nommées.

Masquer l’implémentation

Les consommateurs n’ont pas besoin de savoir si la source est un magasin inscriptible, dérivé ou un système externe.

Tests

Le magasin inscriptible interne peut être remplacé pour les tests ; les consommateurs n’ont pas à s’en préoccuper.

Consommateur réactif

Les composants utilisent $user comme d’habitude.

<p>{$user?.name}</p>

Indications TypeScript

Pour plus de clarté, donnez à l’objet exporté le type Readable<T> de Svelte.

Plusieurs consommateurs

De nombreux composants peuvent s’abonner ; Svelte gère toute la comptabilité nécessaire.

Associer à une validation

Validez les entrées dans la fonction d’accesseur avant de les transmettre au magasin inscriptible interne.

Récapitulatif du schéma

Utilisez ce schéma chaque fois que vous avez un état partagé qui ne doit changer que de manière contrôlée.

Vérification rapide

Comment créer un magasin en lecture seule à partir d’un magasin inscriptible ?

Récapitulatif

N’exposez que subscribe d’un conteneur d’état inscriptible privé afin de créer un conteneur d’état public en lecture seule.

Questions Fréquemment Posées

La leçon « Readable à partir d’un store modifiable » est-elle gratuite ?

Oui — le texte complet de « Readable à partir d’un store modifiable » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Sveltejs Academy, passe à CoddyKit PRO. Le cours Sveltejs Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Readable à partir d’un store modifiable » ?

Exposez uniquement la partie lecture d’un store modifiable aux utilisateurs. Tu pratiques Sveltejs Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Sveltejs Academy ?

Aucune expérience préalable n'est requise. Sveltejs Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.

Combien de temps prend la leçon « Readable à partir d’un store modifiable » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Sveltejs Academy ?

Oui. Chaque leçon Sveltejs Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. derived() pour les stores calculés
  2. Modèle de store personnalisé avec subscribe/set/update
  3. Readable à partir d’un store modifiable
  4. Contrats des stores et interopérabilité
← Retour à Sveltejs Academy