Stores Svelte — Svelte

Stores adalah cara mengelola state yang bisa diakses dari mana saja — state management bawaan Svelte. Writable Store // stores.js import { writable } from "svel

Stores adalah cara mengelola state yang bisa diakses dari mana saja — state management bawaan Svelte.

Writable Store

// stores.js
import { writable } from "svelte/store"

export const count = writable(0)

Menggunakan Store

<script>
  import { count } from "./stores.js"
</script>

<p>Count: {$count}</p>
<button on:click={() => $count += 1}>+1</button>

Prefix $ otomatis subscribe dan unsubscribe dari store.

Method Store

count.set(10)      // set langsung
count.update(n => n + 1)  // update dengan callback

Readable Store

import { readable } from "svelte/store"

export const time = readable(new Date(), (set) => {
  const interval = setInterval(() => set(new Date()), 1000)
  return () => clearInterval(interval)
})

Yang akan kamu pelajari