How to Execute Code in Svelte After Component Update

How to Execute Code in Svelte After Component Update

Ferenc Almasi β€’ 2020 October 09 β€’ Read time 1 min read
  • twitter
  • facebook

Just as for mounting and unmounting, Svelte also exposes lifecycle methods that you can use to execute code before a component is about to update and after a component has been updated.

Copied to clipboard!
<script>
    import { beforeUpdate, afterUpdate } from 'svelte';

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

    afterUpdate(() => {
        console.log('The component has been updated');
    });
</script>
Update.svelte

See also onMount and onDestroy.

How to Execute Code in Svelte After Component Update
If you would like to see more Webtips, follow @flowforfrank

Looking into Svelte 3

Resources:

  • twitter
  • facebook
Did you find this page helpful?
πŸ“š More Webtips
Frontend Course Dashboard
Master the Art of Frontend
  • check Access 100+ interactive lessons
  • check Unlimited access to hundreds of tutorials
  • check Prepare for technical interviews
Become a Pro

Courses

Recommended

This site uses cookies We use cookies to understand visitors and create a better experience for you. By clicking on "Accept", you accept its use. To find out more, please see our privacy policy.