Svelte Life Cycle

LifeCycle.svelte

<script>
  import { afterUpdate, beforeUpdate, onDestroy, onMount, tick } from 'svelte';

  onMount(() => {
    console.log('the component has mounted');
  });

  beforeUpdate(() => {
    console.log('the component is about to update');
  });

  afterUpdate(() => {
    console.log('the component just updated');
  });

  onDestroy(() => {
    console.log('the component is being destroyed');
  });

  beforeUpdate(async () => {
    console.log('the component is about to update');
    await tick();
    console.log('the component just updated');
  });
</script>