svelte/test/runtime/samples/lifecycle-render-order/main.html

<script>
	import { onMount, beforeRender, afterRender } from 'svelte';

	import order from './order.js';

	function identity(x) {
		order.push('render');
		return x;
	}

	beforeRender(() => {
		order.push('beforeRender');
	});

	afterRender(() => {
		order.push('afterRender');
	});

	onMount(() => {
		order.push('onMount');
	});
</script>

{identity(42)}