How to Read Values of a Store in Svelte

In case you're not subscribed to a store in Svelte, you can use the built-in get function to retrieve its value:

<script>
    import { writable, get } from 'svelte/store';
	
    const fruitStore = writable(['🥝', '🍓', '🍋']);
    const fruits = get(fruitStore);
	
    console.log(fruits);
</script>

This works by using subscribe behind the scenes:

• It subscribes to the store you want to read the value from
• It reads the value
• It unsubscribes from the store

However, you should aim for using the subscribe method whenever you can, and only use get when you need to.

Looking into Svelte 3Quickstart by creating a retro board in Svelte from scratchSvelte 3 promises a radical new approach to building user interfaces. Since it is a compiler, it works fundamentally different from other big frameworks...Learn More

Get access to 300+ webtips 💌

Level up your skills and master the art of frontend development with bite-sized tutorials.

We don't spam. Unsubscribe anytime.

Get Access to Webtips

Looking to improve your skills? Learn how to build reactive apps with Svelte + Tailwind.

---

Resources:

• The built-in get function in Svelte