
How to Handle Recursion in Svelte
You can create recursive components in Svelte using a special component that calls the component it is defined in:
<script>
export let count;
</script>
{#if count > 0}
<span>Liftoff in {count}</span>
<svelte:self count="{count - 1}" />
{/if}
<CountDown count="10" />
Copied to clipboard!
Take note that you can only use svelte:self
in an if
statement to prevent infinite loops.


Looking to improve your skills? Learn how to build reactive apps with Svelte + Tailwind.

Resources:
π More Webtips
Master the Art of Frontend
Unlimited access to hundred of tutorials
Access to exclusive interactive lessons
Remove ads to learn without distractions