Tworzenie writable Store
Utwórz writable store i zainicjalizuj go wartością początkową.
Tworzenie writable Store 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 store'y
Store'y przechowują reaktywny stan, który można współdzielić między komponentami. Są przydatne do przechowywania globalnego stanu, takiego jak bieżący użytkownik.
Importowanie writable
Fabryka writable pochodzi z svelte/store.
import { writable } from "svelte/store";Podstawowy store
Aby utworzyć store, należy przekazać wartość początkową.
export const count = writable(0);Początkowa wartość obiektu
Store'y mogą przechowywać dowolne wartości: liczby, ciągi znaków, tablice i obiekty.
export const user = writable({ name: "", email: "" });API store'a
Każdy store ma trzy metody: subscribe, set i update.
Metoda set
Zastępuje całą wartość.
count.set(10);Metoda update
Przekształca bieżącą wartość za pomocą funkcji zwrotnej.
count.update(n => n + 1);Plik modułu
Store'y są zwykle deklarowane we współdzielonym pliku modułu, takim jak src/lib/stores.js, a następnie importowane w innych miejscach.
Wartość początkowa
Wartość początkową można również wczytać z localStorage albo ustawić jako wartość domyślną.
const init = JSON.parse(localStorage.getItem("count") ?? "0");
export const count = writable(init);Bez ponownego tworzenia
Każde wywołanie writable() tworzy nowy store. Należy współdzielić tę samą instancję między importami.
Konwencje nazewnicze
Należy wybierać jasne nazwy, takie jak currentUser. Nazwy store'ów często kończą się rzeczownikiem określającym ich domenę.
Szybkie sprawdzenie
Która metoda zastępuje wartość?
Podsumowanie
Store'y writable tworzy się za pomocą writable(initial). Udostępniają one metody subscribe, set i update.
Często zadawane pytania
Czy lekcja „Tworzenie writable Store” jest bezpłatna?
Tak — pełny tekst „Tworzenie writable Store” 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 „Tworzenie writable Store”?
Utwórz writable store i zainicjalizuj go wartością początkową. Ć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 „Tworzenie writable Store”?
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
- Tworzenie writable Store
- Subskrypcja z użyciem automatycznej subskrypcji $
- Aktualizowanie store’ów: set() i update()
- Store’y readable i niestandardowe funkcje startowe