Lifecycle of the Svelte Component

Understanding lifecycle of component is important to implement.

Jangwook Kim

Follow

2 min read

·

Apr 17, 2020

--

Listen

Share

This post is one of Svelte Tutorial series.

1. Up and running with Svelte
2. How to handle Events in Svelte
3. How binding data into Svelte Component
4. [This Post] Lifecycle of the Svelte Component

LifeCycle Functions

The svelte has some lifecycle functions.

1. onMount: runs after the component is first rendered to the DOM.
2. onDestroy: runs when the component is destroyed.
3. beforeUpdate: runs before the DOM has been updated.
4. afterUpdate: runs after the DOM has been updated(It's counterpart of the beforeUpdate).
5. tick: unlike other functions(I'll describe at the last part of this post).

LifeCycle