Architektura store'ów: moduły funkcjonalne
Organizuj store'y w moduły funkcjonalne z enkapsulowanymi akcjami i selektorami.
Architektura store'ów: moduły funkcjonalne to bezpłatna lekcja Sveltejs Academy na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Sveltejs Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Dlaczego moduły funkcjonalne
Duże aplikacje zyskują na organizowaniu store'ów według funkcji: cart/, auth/, orders/.
Każdy moduł eksportuje
Każdy moduł eksportuje stan, wartości pochodne i akcje związane z daną funkcją.
// $lib/cart/store.js
export const items = writable([]);
export function add(item) { items.update(i => [...i, item]); }Hermetyzacja
Szczegóły wewnętrzne store'a pozostają w module; konsumenci korzystają z eksportowanych akcji.
Selektory
Należy udostępniać selektory wartości pochodnych dla często wykonywanych zapytań.
export const total = derived(items, ($items) => $items.reduce((s, i) => s + i.price, 0));Testowanie
Każdą funkcję można testować w izolacji, bez uruchamiania całej aplikacji.
Kompozycja
Funkcje należy komponować, importując tylko to, co jest potrzebne; należy unikać niejawnych zależności między nimi.
Konwencje nazewnicze
Należy stosować spójne nazewnictwo, aby konsumenci wiedzieli, gdzie szukać poszczególnych elementów.
Modele TypeScript
Typy należy definiować w module funkcjonalnym i eksportować je razem ze store'em.
Leniwa inicjalizacja
W przypadku funkcji przypisanych do tras należy leniwie importować moduł po odwiedzeniu danej trasy.
Koordynacja między modułami
Do koordynacji bez tworzenia ścisłych zależności należy używać magistrali zdarzeń lub orkiestratora wyższego poziomu.
Skalowanie
Moduły funkcjonalne dobrze się skalują: każdy zespół jest właścicielem folderu swojej funkcji.
Szybkie sprawdzenie
Jaka jest główna korzyść z modułów funkcjonalnych?
Podsumowanie
Store'y należy organizować w moduły funkcjonalne zawierające stan, akcje i selektory. Każda funkcja powinna udostępniać przejrzyste API.
Często zadawane pytania
Czy lekcja „Architektura store'ów: moduły funkcjonalne” jest bezpłatna?
Tak — pełny tekst „Architektura store'ów: moduły funkcjonalne” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Sveltejs Academy, przejdź na CoddyKit PRO. Kurs Sveltejs Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Architektura store'ów: moduły funkcjonalne”?
Organizuj store'y w moduły funkcjonalne z enkapsulowanymi akcjami i selektorami. Ćwiczysz Sveltejs Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Sveltejs Academy?
Nie wymagamy żadnego doświadczenia. Sveltejs Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.
Ile czasu zajmuje lekcja „Architektura store'ów: moduły funkcjonalne”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Sveltejs Academy?
Tak. Każda lekcja Sveltejs Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Architektura store'ów: moduły funkcjonalne
- Wzorzec magistrali zdarzeń ze store'ami
- Optymistyczne aktualizacje UI
- Cofanie i ponawianie ze stosem historii store'a