Next steps
You've now finished the Svelte tutorial and are ready to start building apps. You can refer back to individual chapters at any time (click the title above to reveal a dropdown) or continue your learning via the API reference, Examples and Blog. If you're a Twitter user, you can get updates via @sveltejs.
To get set up in your local development environment, check out the quickstart guide.
If you're looking for a more expansive framework that includes routing, server-side rendering and everything else, take a look at Sapper.
Most importantly: since you're now a member of the Svelte community, you should join our friendly Discord chatroom. That's where you'll find fellow Svelte users, and it's where we plan the future of the framework.
App.svelte
xxxxxxxxxx
49
1
<script>
2
import { onMount } from 'svelte';
3
4
let characters = ['🥳', '🎉', '✨'];
5
6
let confetti = new Array(100).fill()
7
.map((_, i) => {
8
return {
9
character: characters[i % characters.length],
10
x: Math.random() * 100,
11
y: -20 - Math.random() * 100,
12
r: 0.1 + Math.random() * 1
13
};
14
})
15
.sort((a, b) => a.r - b.r);
16
17
onMount(() => {
18
let frame;
19
Console
xxxxxxxxxx
163
1
/* App.svelte generated by Svelte v3.23.2 */
2
import {
3
SvelteComponent,
4
append,
5
attr,
6
destroy_each,
7
detach,
8
element,
9
empty,
10
init,
11
insert,
12
noop,
13
safe_not_equal,
14
set_data,
15
set_style,
16
text
Compiler options
result = svelte.compile(source, {
generate:
});xxxxxxxxxx
1
1
body{overflow:hidden}span.svelte-zdkb2l{position:absolute;font-size:5vw}