javascript / beginner
Snippet
Derived Stores
Derived stores create a new reactive value based on one or more other stores. When the original store changes, the derived store updates automatically.
snippet.js
1
2
3
4
import { derived } from 'svelte/store';import { count } from './stores.js';export const doubled = derived(count, $count => $count * 2);
svelte
Breakdown
1
import { derived } from 'svelte/store';
Imports the derived function for creating dependent stores.
2
export const doubled = derived(count, $count => $count * 2);
Creates a store 'doubled' that always reflects twice the value of 'count'.