Context vs stores decision in Svelte - Quick Revision & Key Differences

Recall & Review

beginner

What is a store in Svelte?

A store is a reactive object that holds state and allows components to subscribe to changes. It helps share data across many components easily.

beginner

What is context in Svelte used for?

Context lets a parent component pass data directly to its descendants without passing props through every level. It's good for deeply nested components.

intermediate

When should you choose stores over context in Svelte?

Use stores when you need shared state accessible by many components at different places in the app, or when state changes often and needs to be reactive.

intermediate

When is context a better choice than stores in Svelte?

Context is better when you want to pass data only to a specific subtree of components, especially if the data is static or changes rarely.

advanced

Can you combine context and stores in Svelte?

Yes! You can pass a store through context to limit its scope to a subtree, combining benefits of both patterns.

What does a Svelte store provide?

A Reactive shared state accessible by multiple components

B A way to style components globally

C A method to fetch data from APIs

D A tool to create animations

Stores hold reactive state that components can subscribe to and update.

Which Svelte feature lets a parent pass data to deeply nested children without prop drilling?

A Slots

B Stores

C Context

D Actions

Context allows passing data down the component tree without passing props at every level.

When should you prefer context over stores?

A When data needs to be shared app-wide

B When data is only needed in a specific subtree

C When you want to style components

D When you want to fetch data asynchronously

Context is ideal for passing data to a limited part of the component tree.

Can stores be passed through context in Svelte?

A Yes, to limit store scope to a subtree

B No, stores and context are incompatible

C Only if the store is writable

D Only for read-only stores

Passing stores via context scopes them to a subtree of components.

Which is NOT a benefit of using stores?

A Reactive updates across components

B Global state management

C Easy subscription and updates

D Passing data only to one child component

Stores are for shared state, not limited to a single child.

Explain when you would use context instead of stores in a Svelte app.

Think about component hierarchy and data scope.

Describe how stores and context can work together in Svelte.

Consider sharing reactive data only within part of the app.