$state: Reaktivitas Terperinci
Deklarasikan state reaktif dengan rune $state untuk memperbarui DOM secara terperinci.
$state: Reaktivitas Terperinci adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Deklarasikan State
Gunakan $state(initial) untuk mendeklarasikan variabel reaktif.
let count = $state(0);Tetapkan Seperti Biasa
Perbarui dengan penetapan biasa. Svelte akan merender ulang UI yang bergantung padanya.
count = count + 1;Objek dan Larik
$state dengan objek atau larik membuat proksi mendalam; mutasi bersifat reaktif.
let user = $state({ name: "Ada" });
user.name = "Bea"; // triggers updateTidak Perlu Lagi items = items
Anda tidak perlu lagi menetapkan ulang untuk memicu pembaruan — proksi menangkap mutasi.
Pembaruan Terperinci
Hanya bagian DOM yang menggunakan properti yang berubah yang dirender ulang.
Nilai Pengembalian Fungsi
Anda dapat mengembalikan objek yang didukung $state dari fungsi untuk membuat bagian state yang dapat digunakan kembali.
function counter() {
let n = $state(0);
return {
get value() { return n; },
increment() { n++; }
};
}Gunakan dalam Pustaka
$state juga berfungsi dalam file .ts/.js jika file tersebut menggunakan ekstensi .svelte.ts.
Tidak Dilacak
Gunakan untrack() untuk membaca nilai state tanpa mendaftarkan dependensi.
State Mentah
Untuk data nonreaktif berukuran sangat besar, gunakan $state.raw untuk melewati proksi.
Snapshot Beku
Gunakan $state.snapshot(obj) untuk memperoleh salinan biasa tanpa proksi.
Dibandingkan dengan let
$state adalah pengganti modern untuk let biasa dengan reaktivitas implisit.
Pemeriksaan Singkat
Apa yang terjadi saat Anda memutasi objek $state?
Ringkasan
$state membuat variabel reaktif terperinci, termasuk objek dan larik dengan proksi mendalam.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “$state: Reaktivitas Terperinci” gratis?
Ya — teks lengkap “$state: Reaktivitas Terperinci” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “$state: Reaktivitas Terperinci”?
Deklarasikan state reaktif dengan rune $state untuk memperbarui DOM secara terperinci. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.
Berapa lama pelajaran “$state: Reaktivitas Terperinci” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Mengapa Runes: Melampaui Keajaiban Compiler
- $state: Reaktivitas Terperinci
- $derived: Nilai Terhitung Deklaratif
- $effect: Efek Samping