Svelte Store vs Context: Which to Use?

What's the difference between Svelte stores and context?

Svelte stores are reactive data sources that can be shared across components, while context is used for passing data down the component tree without prop drilling.

When should I use stores instead of context?

Use stores when you need a global state that multiple components can react to. Use context for passing data to deeply nested components without affecting others.

Can you give an example of when to use each?

Sure! Use a store for a user authentication state that many components need access to. Use context for theming, where only a few components need the theme data.

Are there performance implications for using one over the other?

Yes, stores can lead to more reactivity and updates across components, while context can be more efficient for passing static data without unnecessary re-renders.