Arsitektur Store: Modul Fitur
Atur store ke dalam modul fitur dengan tindakan dan pemilih yang terenkapsulasi.
Arsitektur Store: Modul Fitur 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.
Mengapa Modul Fitur
Aplikasi besar mendapat manfaat dari pengorganisasian penyimpanan berdasarkan fitur: cart/, auth/, orders/.
Setiap Modul Mengekspor
Setiap modul mengekspor state, nilai turunan, dan tindakan untuk fitur tersebut.
// $lib/cart/store.js
export const items = writable([]);
export function add(item) { items.update(i => [...i, item]); }Enkapsulasi
Detail internal penyimpanan tetap berada di dalam modul; konsumen menggunakan tindakan yang diekspor.
Pemilih
Sediakan pemilih turunan untuk kueri yang umum.
export const total = derived(items, ($items) => $items.reduce((s, i) => s + i.price, 0));Pengujian
Setiap fitur dapat diuji secara terisolasi tanpa menjalankan seluruh aplikasi.
Komposisi
Susun fitur dengan mengimpor yang diperlukan; hindari dependensi silang yang tersirat.
Konvensi Penamaan
Terapkan penamaan yang konsisten agar konsumen mengetahui tempat yang harus dicari.
Model TypeScript
Definisikan tipe di dalam modul fitur dan ekspor tipe tersebut bersama penyimpanannya.
Inisialisasi Malas
Untuk fitur per rute, impor modul secara malas saat rute dikunjungi.
Koordinasi Lintas Fitur
Gunakan bus peristiwa atau pengatur tingkat lebih tinggi untuk berkoordinasi tanpa membuat keterikatan.
Penskalaan
Modul fitur dapat berkembang dengan baik: setiap tim memiliki folder fiturnya sendiri.
Pemeriksaan Singkat
Apa manfaat utama modul fitur?
Ringkasan
Organisasikan penyimpanan ke dalam modul fitur dengan state, tindakan, dan pemilih. Ekspor API yang rapi untuk setiap fitur.
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 “Arsitektur Store: Modul Fitur” gratis?
Ya — teks lengkap “Arsitektur Store: Modul Fitur” 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 “Arsitektur Store: Modul Fitur”?
Atur store ke dalam modul fitur dengan tindakan dan pemilih yang terenkapsulasi. 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 “Arsitektur Store: Modul Fitur” 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