Resource Cleanup with onDestroy

Snippet

Resource Cleanup with onDestroy

Lifecycle management is crucial for performance. The 'onDestroy' hook runs just before the component is removed from the DOM, making it the ideal place to clear intervals, unsubscribe from global events, or close WebSocket connections to prevent memory leaks.

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

svelte

Breakdown

onDestroy(() => { ... })

Schedules a function to run when the component instance is being destroyed.

Previous snippet Next snippet

More Intermediate JavaScript exercises →

From your library

Resource Cleanup with onDestroy

Related