How can I manage state in a Svelte application?

How can I manage state in a Svelte application?

You can manage state in Svelte using stores, which are reactive and allow you to share state across components.

What types of stores are available in Svelte?

Svelte provides three types of stores: writable, readable, and derived stores, each serving different use cases.

Can you give me an example of a writable store?

Sure! Here's a simple example:

import { writable } from 'svelte/store';

const count = writable(0);

function increment() {
    count.update(n => n + 1);
}

This creates a writable store for a count variable.

How do I use a store in a Svelte component?

You can import the store and use the $ prefix to subscribe to its value in your component. For example:

<script>
    import { count } from './store.js';
</script>

<p>Count: {$count}</p>
<button on:click={increment}>Increment</button>