$state.raw voor niet-reactieve status
Sla grote objecten of arrays op zonder diepe reactiviteit voor betere prestaties.
$state.raw voor niet-reactieve status is een gratis Sveltejs Academy-les op CoddyKit. Dit is les 1 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Sveltejs Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Sveltejs Academy bevat in totaal 4 lessen.
Wanneer een diepe proxy overbodig is
Voor zeer grote objecten of arrays waarbij reactiviteit op eigenschapsniveau niet nodig is, verspillen diepe proxies rekenkracht.
Ruwe status
$state.raw slaat de waarde op zonder deze in een proxy te verpakken.
let bigData = $state.raw(hugeArray);Alleen opnieuw toewijzen
Bij een ruwe status activeert alleen opnieuw toewijzen updates. Mutaties worden niet bijgehouden.
bigData = [...bigData, item]; // triggers
bigData.push(item); // does NOTToepassingen
Grote gegevensverzamelingen, onveranderlijke waarden en prestatiekritieke paden.
Vergelijking
Net als let in Svelte 4: reactiviteit alleen bij toewijzing, zonder proxy-overhead.
Wanneer je dit kiest
Gebruik standaard $state; schakel alleen over naar $state.raw wanneer profileren laat zien dat de proxykosten aanzienlijk zijn.
Geschikt voor momentopnamen
Ruwe waarden zijn gewone waarden — gemakkelijk door te geven via serialisatie of Web Workers.
Gecombineerd gebruik
Je kunt ruwe en door proxies verpakte status in dezelfde component combineren voor verschillende behoeften.
TypeScript
Ruwe status behoudt je exacte type zonder proxytransformaties.
Geheugen
Ruwe status gebruikt minder geheugen omdat er geen proxymetagegevens worden toegevoegd.
Antipatroon
Te vroeg voor raw kiezen kan tot fouten leiden. Begin met $state en schakel over wanneer dat nodig is.
Korte controle
Wat doet $state.raw anders?
Samenvatting
Gebruik $state.raw voor grote, weinig veranderende waarden waarbij proxy-overhead het niet waard is.
Leer HTML met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 41
- Lessen
- 163
Veelgestelde vragen
Is de les “$state.raw voor niet-reactieve status” gratis?
Ja — de volledige tekst van “$state.raw voor niet-reactieve status” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Sveltejs Academy wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Sveltejs Academy bevat in totaal 4 lessen.
Wat leer ik in “$state.raw voor niet-reactieve status”?
Sla grote objecten of arrays op zonder diepe reactiviteit voor betere prestaties. Je oefent met Sveltejs Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Sveltejs Academy te beginnen?
Ervaring vooraf is niet nodig. Sveltejs Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 1 van 4.
Hoe lang duurt de les “$state.raw voor niet-reactieve status”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Sveltejs Academy?
Ja. Elke les over Sveltejs Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- $state.raw voor niet-reactieve status
- $derived.by voor complexe afleidingen
- $effect.root voor handmatige opruiming
- Migreren van Svelte 4 naar 5