$effect.root untuk Pembersihan Manual
Buat root efek untuk mengontrol kapan efek dimulai dan dihentikan.
$effect.root untuk Pembersihan Manual adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 3 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.
Efek di Luar Komponen
$effect hanya berfungsi di dalam siklus hidup komponen. Untuk efek di seluruh aplikasi, gunakan $effect.root.
Membuat Root
$effect.root mengembalikan fungsi teardown.
const teardown = $effect.root(() => {
$effect(() => { /* ... */ });
});Siklus Hidup Manual
Anda menentukan kapan efek root berhenti; panggil teardown yang dikembalikan untuk melakukan pembersihan.
Kasus Penggunaan
Tugas latar belakang, langganan global, dan skrip yang berlangsung melampaui satu komponen.
Efek Bertingkat
Di dalam root, Anda dapat mendeklarasikan panggilan $effect biasa.
Pengganti Store
$effect.root yang digabungkan dengan $state dapat menggantikan banyak pola store pada tingkat modul.
Komposisi Pembersihan
Mengembalikan fungsi pembersihan dari efek bagian dalam berfungsi seperti yang diharapkan.
Penyiapan Pengujian
Berguna dalam pengujian untuk menjalankan kode reaktif di luar komponen.
Kesadaran SSR
$effect.root menghormati SSR; efek tidak berjalan di server.
Dibandingkan dengan onMount/onDestroy
$effect.root + teardown adalah padanan modern untuk efek lintas komponen.
API Lanjutan
Khusus untuk pengguna tingkat lanjut—sebagian besar kode aplikasi menggunakan $effect di dalam komponen.
Pemeriksaan Singkat
Kapan Anda menggunakan $effect.root?
Ringkasan
$effect.root menjalankan efek di luar cakupan komponen. Fungsi yang dikembalikan menghentikan efek tersebut sesuai kebutuhan.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “$effect.root untuk Pembersihan Manual” gratis?
Ya — teks lengkap “$effect.root untuk Pembersihan Manual” 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 “$effect.root untuk Pembersihan Manual”?
Buat root efek untuk mengontrol kapan efek dimulai dan dihentikan. 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 3 dari 4.
Berapa lama pelajaran “$effect.root untuk Pembersihan Manual” 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
- $state.raw untuk State Nonreaktif
- $derived.by untuk Derivasi Kompleks
- $effect.root untuk Pembersihan Manual
- Migrasi dari Svelte 4 ke 5