The onDestroy Lifecycle Hook

Snippet

The onDestroy Lifecycle Hook

The onDestroy hook runs when a component is about to be removed from the DOM. It is essential for cleaning up timers, listeners, or subscriptions to prevent memory leaks.

snippet.js
javascript
import { onDestroy } from 'svelte';
 
const interval = setInterval(() => console.log('tick'), 1000);
 
onDestroy(() => {
  clearInterval(interval);
});

svelte

Breakdown

import { onDestroy } from 'svelte';

Imports the lifecycle hook from the Svelte core.

onDestroy(() => { clearInterval(interval); });

Schedules a function to stop the interval when the component is destroyed.

Previous snippet Next snippet

More Beginner JavaScript exercises →

From your library

The onDestroy Lifecycle Hook

Related