Jan 16
Loading video player...
When you use async features in Svelte, the UI coordinates updates so everything stays in sync. But sometimes that means your interface feels unresponsive — like when switching tabs triggers data fetching and the active tab indicator doesn't update until the load completes. The $state.eager rune solves this by giving you the latest value immediately, even while async work is in progress. Wrap your state reference with $state.eager and the UI updates instantly, providing the visual feedback users expect. Use it sparingly for things like navigation indicators and tab switches where immediate response matters. Docs: https://svelte.dev/docs/svelte/$state#$state.eager