\n

Hello {name}!

\n\n\n

Framework

Referensi Cepat Svelte

Cheat sheet siap cetak untuk Referensi Cepat Svelte, disusun untuk pencarian cepat, belajar, dan referensi di meja

Sumber
Svelte Documentation (svelte.dev)
Lisensi
MIT
Diperbarui
2026-03-27

Contoh

Isi cheat sheet ini

  • Komponen
  • Reaktivitas
  • Props
  • Event
  • Binding
  • Store
  • Transisi
  • Slot
  • Context
  • Dasar SvelteKit

Komponen Dasar

<script>
  let name = "world";
</script>
<h1>Hello {name}!</h1>
<style>
  h1 { color: purple; }
</style>

Struktur Komponen

<script>Logika komponen (JS/TS)
MarkupTemplate HTML dengan `{expressions}`
<style>CSS yang di-scope (otomatis per komponen)
<script context="module">Dijalankan sekali per modul, bukan per instance

Unduh cheat sheet lengkap dengan semua bagian, siap cetak

Unduh PDF

Unduhan

Pilih varian yang sesuai dengan cara Anda membaca