0Pricing
Sveltejs Academy · Pelajaran

$state.raw untuk State Nonreaktif

Simpan objek atau larik berukuran besar tanpa reaktivitas mendalam untuk meningkatkan performa.

$state.raw untuk State Nonreaktif adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 1 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.

Saat Proksi Mendalam Berlebihan

Untuk objek atau array yang sangat besar dan tidak memerlukan reaktivitas pada tingkat properti, proksi mendalam hanya membuang siklus pemrosesan.

State Mentah

$state.raw menyimpan nilai tanpa membungkusnya dalam proksi.

let bigData = $state.raw(hugeArray);

Hanya Penugasan Ulang

Dengan state mentah, hanya penugasan ulang yang memicu pembaruan. Mutasi tidak dilacak.

bigData = [...bigData, item];   // triggers
bigData.push(item);             // does NOT

Kasus Penggunaan

Kumpulan data besar, nilai yang tidak dapat diubah, dan jalur yang kritis terhadap kinerja.

Perbandingan

Seperti let di Svelte 4: reaktivitas hanya berdasarkan penugasan, tanpa biaya tambahan proksi.

Kapan Memilihnya

Gunakan $state sebagai pilihan bawaan; beralihlah ke $state.raw hanya ketika pembuatan profil kinerja menunjukkan bahwa biaya proksi signifikan.

Ramah Snapshot

Nilai mentah bersifat biasa—mudah diteruskan melalui serialisasi atau Web Worker.

Penggunaan Campuran

Anda dapat menggabungkan state mentah dan state yang diproksikan dalam komponen yang sama untuk kebutuhan yang berbeda.

TypeScript

State mentah mempertahankan tipe persis Anda tanpa transformasi proksi.

Memori

State mentah menggunakan lebih sedikit memori karena tidak ada metadata proksi yang ditambahkan.

Pola Anti-Rekomendasi

Menggunakan state mentah terlalu cepat dapat menyebabkan bug. Mulailah dengan $state dan beralihlah jika diperlukan.

Pemeriksaan Singkat

Apa perbedaan yang dilakukan $state.raw?

Ringkasan

Gunakan $state.raw untuk nilai besar yang jarang berubah dan tidak sepadan dengan biaya tambahan proksi.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “$state.raw untuk State Nonreaktif” gratis?

Ya — teks lengkap “$state.raw untuk State Nonreaktif” 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.raw untuk State Nonreaktif”?

Simpan objek atau larik berukuran besar tanpa reaktivitas mendalam untuk meningkatkan performa. 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 1 dari 4.

Berapa lama pelajaran “$state.raw untuk State Nonreaktif” 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

  1. $state.raw untuk State Nonreaktif
  2. $derived.by untuk Derivasi Kompleks
  3. $effect.root untuk Pembersihan Manual
  4. Migrasi dari Svelte 4 ke 5
← Kembali ke Sveltejs Academy