モダンな技術を触るのが好きでSvelteは気になっていてちょくちょく下調べしているのですが,そんなに好きに慣れていない（多分よくわかっていないから？）

というわけで,3度めくらいのSvelte入門

SvelteとSvelte KITがあるよ

Reactで言うところのCRAとNextjsって感じのようだ.

双方の公式サイト似すぎて自分がどっち見ているのか分からなくなってしまった苦い思い出がある...

https://svelte.dev/

https://kit.svelte.dev/

Svelteをやるなら

npx degit sveltejs/template my-svelte-project

Svelte Kitをやるなら

npm init svelte my-app

うーん

Svelte Kitをやる

でもまず,CodeSandboxとかでいじってみよかなー

まさかのCodeSandboxのTemplateにSvelete Kitがない...

コンポーネントを使う

<script>
	const onClick = () => {
		console.log('clicked');
	};
</script>

<button on:click={onClick}>Click me</button>

こいつをimportして使う

<script>
	import Button from '../components/Button.svelte';
</script>

<section>
	<Button />
</section>