Pola Store Kustom dengan subscribe/set/update
Bangun store dengan logika yang dienkapsulasi melalui metode subscribe dan tindakan kustom.
Pola Store Kustom dengan subscribe/set/update 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.
Kontrak Store
Objek apa pun yang memiliki metode subscribe(fn) yang mengembalikan fungsi berhenti berlangganan merupakan store Svelte yang valid.
Bungkus writable
Buat store khusus dengan membungkus writable dan menyediakan API yang terfokus.
function createCounter() {
const { subscribe, set, update } = writable(0);
return {
subscribe,
increment: () => update(n => n + 1),
reset: () => set(0)
};
}Gunakan
Ekspor sebuah instans dan gunakan seperti store apa pun.
export const counter = createCounter();Penggunaan dalam Komponen
Baca dengan $counter, lalu panggil metode domain seperti counter.increment().
Logika yang Dienkapsulasi
Logika internal tetap privat; hanya metode yang Anda pilih yang tersedia untuk digunakan.
Lebih Baik daripada Global
Store khusus dapat diuji dan diganti, berbeda dari mutasi global yang tersebar.
Metode Asinkron
Metode dapat bersifat asinkron dan memanggil set saat sudah siap.
load: async () => set(await fetch("/api").then(r => r.json()))Aman Tipe
Dengan TypeScript, tentukan tipe bentuk nilai yang dikembalikan untuk mendapatkan IntelliSense lengkap pada pengguna.
Gabungkan dengan Store
Store khusus dapat bergantung pada store lain secara internal untuk menghasilkan status turunan.
Instans Tunggal vs Fungsi Pembuat
Tentukan apakah Anda menginginkan satu instans bersama atau fungsi pembuat yang menghasilkan banyak instans.
Pola Dunia Nyata
Gunakan pola ini untuk keranjang, autentikasi, tema, dan entitas domain lain dalam aplikasi Anda.
Pemeriksaan Singkat
Apa yang membuat sebuah objek menjadi store Svelte yang valid?
Ringkasan
Store khusus membungkus writable dan menyediakan metode khusus domain, sehingga logika internal tetap dienkapsulasi.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Pola Store Kustom dengan subscribe/set/update” gratis?
Ya — teks lengkap “Pola Store Kustom dengan subscribe/set/update” 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 “Pola Store Kustom dengan subscribe/set/update”?
Bangun store dengan logika yang dienkapsulasi melalui metode subscribe dan tindakan kustom. 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 “Pola Store Kustom dengan subscribe/set/update” 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
- derived() untuk Store Terhitung
- Pola Store Kustom dengan subscribe/set/update
- Readable dari Writable
- Kontrak Store dan Interoperabilitas