Contexte ou stores : quand utiliser chacun
Comparez le contexte et les stores pour partager l’état dans différents scénarios.
Contexte ou stores : quand utiliser chacun est une leçon Sveltejs Academy gratuite sur CoddyKit. Ceci est la leçon 2 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 modèles
Les gestionnaires d’état partagent des données dans toute l’application ; le contexte les partage dans une arborescence précise.
Cas d’utilisation globaux
Les gestionnaires d’état conviennent aux préoccupations transversales : utilisateur actuel, thème, notifications.
Cas d’utilisation limités
Le contexte convient à l’état propre à une instance : un composant de formulaire qui partage son registre avec ses descendants.
Isolation des instances
Si vous montez deux instances de formulaire, chacune possède son propre contexte. Les gestionnaires d’état partageraient l’état entre les deux.
Considérations liées au SSR
Les gestionnaires d’état peuvent faire fuiter l’état entre les requêtes en SSR si vous ne faites pas attention. Le contexte est sûr pour les requêtes, car il est limité à chaque instance.
Contexte réactif
Transmettez un gestionnaire d’état par le contexte pour un état réactif limité à une arborescence.
Éviter de mélanger
Choisissez un seul mécanisme par préoccupation pour que le code reste prévisible.
Bibliothèques de composants
Les composants composés, comme les onglets et les accordéons, utilisent largement le contexte pour coordonner leurs composants frères.
Injection de dépendances
Le contexte est idéal pour injecter des services ou une configuration depuis un composant enveloppant vers tous ses enfants.
Vérification
Le contexte est plus facile à remplacer dans les vérifications en changeant le composant enveloppant.
Arbre de décision
À l’échelle de l’application et singleton : gestionnaire d’état. Par instance ou pour une sous-arborescence fonctionnelle : contexte.
Vérification rapide
Quand le contexte est-il préférable à un gestionnaire d’état ?
Récapitulatif
Gestionnaires d’état pour le global, contexte pour le limité. Utilisez le contexte pour les composants composés et l’injection de dépendances.
Apprends HTML avec un tuteur IA — gratuit
Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.
- Cours
- 41
- Leçons
- 163
Questions Fréquemment Posées
La leçon « Contexte ou stores : quand utiliser chacun » est-elle gratuite ?
Oui — le texte complet de « Contexte ou stores : quand utiliser chacun » 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 « Contexte ou stores : quand utiliser chacun » ?
Comparez le contexte et les stores pour partager l’état dans différents scénarios. 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 2 sur 4.
Combien de temps prend la leçon « Contexte ou stores : quand utiliser chacun » ?
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
- setContext() et getContext()
- Contexte ou stores : quand utiliser chacun
- Contexte typé avec TypeScript
- Le contexte pour l’injection de dépendances