Pola Bus Peristiwa dengan Store
Implementasikan bus peristiwa global menggunakan store writable untuk komunikasi yang tidak saling bergantung.
Pola Bus Peristiwa dengan Store 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.
Bus Peristiwa
Bus peristiwa adalah saluran publikasi/berlangganan global untuk komunikasi yang tidak saling bergantung.
Implementasi dengan writable
Penyimpanan writable yang membawa peristiwa terbaru berfungsi sebagai bus sederhana.
const bus = writable(null);
export function emit(event) { bus.set(event); }
export function on(fn) { return bus.subscribe(e => { if (e) fn(e); }); }Kasus Penggunaan
Satu komponen memancarkan peristiwa notifikasi; komponen lain berlangganan dan menampilkan notifikasi secara global.
Pelepasan Keterikatan
Pengirim dan penerima tidak mengimpor satu sama lain; keduanya bergantung pada bus.
Keamanan Tipe
Tentukan tipe peristiwa sebagai gabungan terdiferensiasi agar pelanggan tetap aman.
type Event = { type: "toast"; text: string } | { type: "logout" };Berlangganan Sekali
Bungkus dengan pembatalan langganan otomatis melalui singkatan $ di dalam komponen.
Beberapa Bus
Pisahkan berdasarkan domain: appBus, modalBus, audioBus, untuk menghindari satu saluran raksasa.
Pola Anti
Penggunaan bus peristiwa secara berlebihan menyebabkan aliran data tersirat. Lebih baik gunakan props/penyimpanan langsung saat kepemilikannya jelas.
Semantik Pemutaran Ulang
Penyimpanan writable hanya menyimpan nilai terbaru. Untuk riwayat peristiwa lengkap, gunakan penyimpanan berupa larik.
Peristiwa Eksternal
Bus peristiwa juga dapat membungkus peristiwa peramban seperti perubahan ukuran jendela atau pintasan papan ketik.
Pengujian
Pengujian dapat memancarkan peristiwa dan memverifikasi bahwa pelanggan merespons dengan tepat.
Pemeriksaan Singkat
Apa manfaat bus peristiwa?
Ringkasan
Bangun bus peristiwa sederhana dengan penyimpanan writable. Pancarkan peristiwa dan berlangganan untuk komunikasi lintas perhatian yang tidak saling bergantung.
Belajar HTML dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 41
- Pelajaran
- 163
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Pola Bus Peristiwa dengan Store” gratis?
Ya — teks lengkap “Pola Bus Peristiwa dengan Store” 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 Bus Peristiwa dengan Store”?
Implementasikan bus peristiwa global menggunakan store writable untuk komunikasi yang tidak saling bergantung. 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 Bus Peristiwa dengan Store” 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
- Arsitektur Store: Modul Fitur
- Pola Bus Peristiwa dengan Store
- Pembaruan UI Optimistis
- Urungkan/Ulangi dengan Riwayat Store