Créer un store modifiable
Créez un store modifiable et initialisez-le avec une valeur de départ.
Créer un store modifiable est une leçon Sveltejs Academy gratuite sur CoddyKit. Ceci est la leçon 1 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 utiliser des magasins
Les magasins contiennent un état réactif qui peut être partagé entre les composants. Ils sont utiles pour un état global comme l’utilisateur actuel.
Importer le magasin inscriptible
La fabrique writable provient de svelte/store.
import { writable } from "svelte/store";Magasin de base
Transmettez une valeur initiale pour créer un magasin.
export const count = writable(0);Valeur initiale objet
Les magasins peuvent contenir n’importe quelle valeur : nombres, chaînes, tableaux ou objets.
export const user = writable({ name: "", email: "" });API du magasin
Chaque magasin possède trois méthodes : subscribe, set et update.
Méthode set
Remplacez entièrement la valeur.
count.set(10);Méthode update
Transformez la valeur actuelle avec une fonction de rappel.
count.update(n => n + 1);Fichier de module
Les magasins sont généralement déclarés dans un fichier de module partagé comme src/lib/stores.js, puis importés ailleurs.
Valeur initiale statique
La valeur initiale peut également être chargée depuis localStorage ou remplacée par une valeur par défaut.
const init = JSON.parse(localStorage.getItem("count") ?? "0");
export const count = writable(init);Pas de recréation
Chaque appel à writable() crée un nouveau magasin. Partagez la même instance entre les imports.
Conventions de nommage
Choisissez des noms clairs comme currentUser. Les magasins se terminent souvent par le nom de leur domaine.
Vérification rapide
Quelle méthode remplace la valeur ?
Récapitulatif
Créez des magasins inscriptibles avec writable(initial). Ils exposent subscribe, set et update.
Questions Fréquemment Posées
La leçon « Créer un store modifiable » est-elle gratuite ?
Oui — le texte complet de « Créer 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 « Créer un store modifiable » ?
Créez un store modifiable et initialisez-le avec une valeur de départ. 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 1 sur 4.
Combien de temps prend la leçon « Créer 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
- Créer un store modifiable
- S’abonner avec l’auto-abonnement $
- Mettre à jour les stores : set() et update()
- Stores readable et fonctions de démarrage personnalisées