Mettre à jour les stores : set() et update()
Remplacez ou transformez les valeurs d’un store avec set() et la fonction de mise à jour passée à update().
Mettre à jour les stores : set() et update() 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.
Deux modes de mise à jour
Les magasins exposent deux méthodes de mise à jour : set(value) pour remplacer la valeur et update(fn) pour la transformer.
Exemple avec set
Remplacez la valeur entière.
count.set(5);Exemple avec update
Transformez la valeur actuelle à l’aide d’une fonction de rappel.
count.update(n => n + 1);Quand utiliser chaque méthode
Utilisez set pour les changements absolus ; utilisez update lorsque la nouvelle valeur dépend de l’ancienne.
Dans les composants
Dans les fichiers .svelte, préférez la forme abrégée $store = x à store.set(x).
En dehors des composants
Dans les modules et utilitaires JS ordinaires, appelez directement set/update.
Mises à jour d’objets
Lorsque le magasin contient un objet, renvoyez un nouvel objet depuis update afin que les abonnés détectent un changement.
user.update(u => ({ ...u, name }));Mises à jour de tableaux
Même règle : renvoyez un nouveau tableau au lieu de le modifier sur place.
todos.update(list => [...list, newTodo]);Regroupement
Plusieurs mises à jour successives déclenchent chacune les abonnés. Pour les regrouper, calculez la valeur finale et utilisez set une seule fois.
Mises à jour asynchrones
Vous pouvez appeler set dans des fonctions de rappel asynchrones ; les abonnés reçoivent la nouvelle valeur lorsque l’appel est exécuté.
Accesseurs set personnalisés
Enveloppez set/update dans des fonctions nommées sur un magasin personnalisé pour obtenir des API plus claires.
function increment() { count.update(n => n + 1); }Vérification rapide
Quelle méthode a besoin de la valeur précédente ?
Récapitulatif
set remplace la valeur ; update la transforme à l’aide de la valeur actuelle transmise par une fonction de rappel.
Questions Fréquemment Posées
La leçon « Mettre à jour les stores : set() et update() » est-elle gratuite ?
Oui — le texte complet de « Mettre à jour les stores : set() et update() » 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 « Mettre à jour les stores : set() et update() » ?
Remplacez ou transformez les valeurs d’un store avec set() et la fonction de mise à jour passée à update(). 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 « Mettre à jour les stores : set() et update() » ?
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