Contrats des stores et interopérabilité
Découvrez ce qui rend un objet compatible avec les stores Svelte et utilisez des stores tiers.
Contrats des stores et interopérabilité est une leçon Sveltejs Academy gratuite sur CoddyKit. Ceci est la leçon 4 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.
Le contrat
Tout objet qui implémente subscribe(fn) et renvoie une fonction de désabonnement est un conteneur d’état Svelte.
Pourquoi c’est important
Ce contrat simple signifie que de nombreuses bibliothèques tierces peuvent être utilisées comme conteneurs d’état Svelte sans adaptation particulière.
Observables RxJS
La méthode subscribe d’un Observable RxJS est compatible si vous l’enveloppez légèrement.
Bibliothèques atomiques
Des bibliothèques comme nanostores et zustand fonctionnent avec des adaptateurs ou directement.
Créer des conteneurs d’état compatibles
Pour vos propres conteneurs d’état personnalisés, implémentez simplement subscribe correctement.
function myStore() {
let val = 0;
const subs = new Set();
return {
subscribe(fn) { fn(val); subs.add(fn); return () => subs.delete(fn); }
};
}Utiliser avec $
Si subscribe est compatible, la notation abrégée $ fonctionne automatiquement.
Sources asynchrones
La fonction de rappel de subscribe peut être appelée à tout moment, y compris de manière asynchrone, avec de nouvelles valeurs.
Vérifications d’égalité
Le contrat n’exige aucune vérification d’égalité ; Svelte appelle les abonnés à chaque fois.
Plusieurs abonnés
Votre conteneur d’état doit avertir tous les abonnés actuels. Utilisez un Set ou un Array.
Nettoyage
Renvoyez une véritable fonction de nettoyage qui supprime l’abonné. Sinon, vous créez une fuite.
Bibliothèques d’interopérabilité
Utilisez des bibliothèques comme svelte-rxjs ou @nanostores/svelte pour profiter d’écosystèmes plus riches.
Vérification rapide
Que renvoie subscribe() ?
Récapitulatif
Les conteneurs d’état sont simplement des objets dotés d’une méthode subscribe. Ce contrat facilite l’interopérabilité avec d’autres bibliothèques.
Questions Fréquemment Posées
La leçon « Contrats des stores et interopérabilité » est-elle gratuite ?
Oui — le texte complet de « Contrats des stores et interopérabilité » 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 « Contrats des stores et interopérabilité » ?
Découvrez ce qui rend un objet compatible avec les stores Svelte et utilisez des stores tiers. 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 4 sur 4.
Combien de temps prend la leçon « Contrats des stores et interopérabilité » ?
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
- derived() pour les stores calculés
- Modèle de store personnalisé avec subscribe/set/update
- Readable à partir d’un store modifiable
- Contrats des stores et interopérabilité