Kontext oder Stores: Wann Sie welches verwenden
Vergleichen Sie Kontext und Stores für die gemeinsame Nutzung von Zustand in verschiedenen Szenarien.
Kontext oder Stores: Wann Sie welches verwenden ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Zwei Muster
Stores teilen Daten in der gesamten Anwendung, Context dagegen innerhalb eines bestimmten Teilbaums.
Globale Anwendungsfälle
Stores eignen sich für übergreifende Belange: aktueller Benutzer, Theme, Benachrichtigungen.
Beschränkte Anwendungsfälle
Context eignet sich für zustandsbezogene Daten einzelner Instanzen, etwa wenn eine Formularkomponente ihre Registrierung mit Nachkommen teilt.
Isolation von Instanzen
Wenn Sie zwei Form-Instanzen einbinden, hat jede ihren eigenen Context. Stores würden den Zustand über beide Instanzen hinweg teilen.
Überlegungen zu SSR
Stores können bei SSR Zustand zwischen Anfragen weitergeben, wenn Sie nicht vorsichtig sind. Context ist durch seine Beschränkung auf Instanzen sicher pro Anfrage.
Reaktiver Context
Übergeben Sie einen Store über Context, um reaktiven, auf einen Teilbaum beschränkten Zustand zu erhalten.
Nicht mischen
Wählen Sie pro Anliegen einen Mechanismus, damit der Code vorhersehbar bleibt.
Komponentenbibliotheken
Zusammengesetzte Komponenten wie Tabs und Accordion verwenden Context intensiv, um Geschwisterkomponenten zu koordinieren.
Dependency Injection
Context eignet sich ideal, um Services oder Konfiguration von einer Wrapper-Komponente in alle untergeordneten Komponenten einzuspeisen.
Testen
Context lässt sich in Tests leichter ersetzen, indem Sie die Wrapper-Komponente austauschen.
Entscheidungsbaum
Anwendungsweit und als Singleton: Store. Pro Instanz oder Feature-Teilbaum: Context.
Kurzer Test
Wann ist Context einem Store vorzuziehen?
Zusammenfassung
Stores für globale Daten, Context für beschränkte Bereiche. Verwenden Sie Context für zusammengesetzte Komponenten und Dependency Injection.
Häufig gestellte Fragen
Ist die Lektion „Kontext oder Stores: Wann Sie welches verwenden“ kostenlos?
Ja — der vollständige Text von „Kontext oder Stores: Wann Sie welches verwenden“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Kontext oder Stores: Wann Sie welches verwenden“?
Vergleichen Sie Kontext und Stores für die gemeinsame Nutzung von Zustand in verschiedenen Szenarien. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.
Wie lange dauert die Lektion „Kontext oder Stores: Wann Sie welches verwenden“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- setContext() und getContext()
- Kontext oder Stores: Wann Sie welches verwenden
- Typisierter Kontext mit TypeScript
- Kontext für Dependency Injection