$state.raw dla niereaktywnego stanu
Przechowuj duże obiekty lub tablice bez głębokiej reaktywności, aby poprawić wydajność.
$state.raw dla niereaktywnego stanu 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.
Kiedy głębokie proxy to przesada
W przypadku bardzo dużych obiektów lub tablic, gdy reaktywność na poziomie właściwości nie jest potrzebna, głębokie proxy niepotrzebnie zużywają zasoby.
Stan surowy
$state.raw przechowuje wartość bez opakowywania jej w proxy.
let bigData = $state.raw(hugeArray);Tylko ponowne przypisanie
W przypadku stanu surowego aktualizacje wywołuje tylko ponowne przypisanie. Mutacje nie są śledzone.
bigData = [...bigData, item]; // triggers
bigData.push(item); // does NOTZastosowania
Duże zbiory danych, wartości niemutowalne, ścieżki krytyczne pod względem wydajności.
Porównanie
Podobnie jak let w Svelte 4: reaktywność tylko przy przypisaniu, bez narzutu proxy.
Kiedy wybrać
Domyślnie używaj $state; przełącz się na $state.raw tylko wtedy, gdy profilowanie wykaże istotny koszt proxy.
Przyjazny migawkom
Surowe wartości są zwykłe — łatwo przekazywać je przez serializację lub do Web Workers.
Mieszane użycie
W tym samym komponencie można łączyć stan surowy i stan opakowany w proxy, zależnie od potrzeb.
TypeScript
Stan surowy zachowuje dokładny typ bez transformacji wykonywanych przez proxy.
Pamięć
Stan surowy zużywa mniej pamięci, ponieważ nie są do niego dołączane metadane proxy.
Antywzorzec
Zbyt wczesne sięganie po stan surowy może prowadzić do błędów. Zacznij od $state i przełącz się w razie potrzeby.
Szybkie sprawdzenie
Czym różni się działanie $state.raw?
Podsumowanie
Używaj $state.raw dla dużych, rzadko zmienianych wartości, w przypadku których narzut proxy nie jest wart ponoszenia.
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 „$state.raw dla niereaktywnego stanu” jest bezpłatna?
Tak — pełny tekst „$state.raw dla niereaktywnego stanu” 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 „$state.raw dla niereaktywnego stanu”?
Przechowuj duże obiekty lub tablice bez głębokiej reaktywności, aby poprawić wydajność. Ć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 „$state.raw dla niereaktywnego stanu”?
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
- $state.raw dla niereaktywnego stanu
- $derived.by dla złożonych wyprowadzeń
- $effect.root do ręcznego sprzątania
- Migracja z Svelte 4 do 5