Sveltejs Academy · Lesson

$effect.root for Manual Cleanup

Create an effect root to control when effects are started and stopped.

Effects Outside Components

$effect only works inside component lifecycles. For app-wide effects, use $effect.root.

$effect.root returns a teardown function.

const teardown = $effect.root(() => {
  $effect(() => { /* ... */ });
});