Kiedy używać store’ów, a kiedy stanu lokalnego
Wybieraj między stanem komponentu a store’ami na podstawie potrzeb związanych ze współdzieleniem i czasem życia.
Kiedy używać store’ów, a kiedy stanu lokalnego to bezpłatna lekcja Sveltejs Academy na CoddyKit. To lekcja 3 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.
Stan lokalny
W komponencie należy używać let, gdy dane należą wyłącznie do tego komponentu.
Propsy komponentu
Do odbierania danych od komponentu nadrzędnego należy używać export let. Stan należy do komponentu nadrzędnego.
Store’y
Store’ów należy używać, gdy wiele niezależnych komponentów musi współdzielić te same dane lub reagować na ich zmiany.
Przykłady zastosowania store’ów
Bieżący użytkownik, motyw, zawartość koszyka, powiadomienia — wszystko, co ma charakter globalny.
Przykłady stanu lokalnego
Pola formularzy, przełączniki, stan najechania kursorem, liczniki animacji — dane ograniczone do jednego komponentu.
API kontekstu
W przypadku danych współdzielonych w poddrzewie, ale nieglobalnych, należy używać setContext/getContext.
Unikanie przedwczesnego używania store’ów
Należy zacząć od stanu lokalnego, a przenieść go do store’a, gdy wzrosną wymagania dotyczące współdzielenia.
Testowalność
Stan lokalny jest najłatwiejszy do testowania. Store’y wymagają mockowania lub opakowania.
Trwałość danych
Aby utrwalać stan, należy dodać do store’ów synchronizację z localStorage.
Refaktoryzacja
Przejście ze stanu lokalnego na store’a to niewielka refaktoryzacja: należy zastąpić let store’em, a x zamienić na $x.
Antywzorzec: wszystko w store’ach
Umieszczenie całego stanu w store’ach tworzy niejawne powiązania. Do czasu pojawienia się takiej potrzeby należy preferować stan lokalny.
Szybkie sprawdzenie
Kiedy store jest właściwym wyborem?
Podsumowanie
Domyślnie należy używać lokalnego let, a w razie rosnących potrzeb współdzielenia przenosić dane do store’ów lub kontekstu.
Ucz się HTML dzięki korepetycjom AI — za darmo
Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.
- Kursy
- 41
- Lekcje
- 163
Często zadawane pytania
Czy lekcja „Kiedy używać store’ów, a kiedy stanu lokalnego” jest bezpłatna?
Tak — pełny tekst „Kiedy używać store’ów, a kiedy stanu lokalnego” 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 „Kiedy używać store’ów, a kiedy stanu lokalnego”?
Wybieraj między stanem komponentu a store’ami na podstawie potrzeb związanych ze współdzieleniem i czasem życia. Ć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 3 z 4.
Ile czasu zajmuje lekcja „Kiedy używać store’ów, a kiedy stanu lokalnego”?
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
- Instrukcje reaktywne: blok $:
- Zależności reaktywne i kolejność wykonywania
- Kiedy używać store’ów, a kiedy stanu lokalnego
- Unikanie nieaktualnych domknięć