Svelte JS adalah pendekatan baru dalam membangun user interface. Sederhananya Svelte JS bekerja mirip dengan Framework UI seperti React & Vue yang mengupdate DOM setiap kali ada perubahan pada data/state, hanya saja program Svelte lebih fleksibel dalam penulisan kodenya dan program Svelte JS di compile menjadi vanilla js sehingga lebih cepat.
simple component pada svelte
<script>
let name = 'Nama Kamu Siapa?';
</script>
<h1> Hallo, {name} </h1>
Simple Bukan!
Cara Memberikan style pada tag html
<style>
h1 {
color: purple;
font-family: 'Comic Sans MS';
font-size: 2em;
}
</style>
Lalu Misalkan saya punya component anak yang nantinya saya panggil di component indux yang sering disebut Nested component,Misalkan Nama component Anak adalah Nested.svelte
<p>ini component anak.</p>
cara menggunkan component di ataas
<p>ini component induk.</p>
<Nested/>
selanjutnya cara menulis tag html di dalam tag html pada svelte
<script>
let string = `ini adalah tag <strong>HTML!!!</strong>`;
</script>
<p>{@html string}</p>
cara penulisanya adalah dengan menambahkan tanda @html
cara membuat project baru, jalankan comment berukut.
npx degit sveltejs/template firstapp
