0Pricing
Sveltejs Academy · Lesson

$effect: Side Effects

Run side effects that re-execute whenever their reactive dependencies change.

Side Effect Rune

Use $effect(() => { ... }) for side effects that respond to reactive changes.

$effect(() => {
  console.log("count is", count);
});

Auto Tracked

Svelte tracks dependencies inside the callback automatically.

All lessons in this course

  1. Why Runes: Moving Beyond the Compiler Magic
  2. $state: Fine-Grained Reactivity
  3. $derived: Declarative Computed Values
  4. $effect: Side Effects
← Back to Sveltejs Academy