Advent of Svelte
Twenty-four days, twenty-four features
Last December, Svelte Society presented an advent calendar’s worth of festive Svelte-themed code challenges.
This year, we’re turning it around: you get to relax while we take on a challenge. We’ve set ourselves a goal of releasing one thing a day from here until Christmas, whether it’s a new feature in Svelte or SvelteKit or an improvement to the website.
Follow @svelte.dev and @sveltesociety.dev and check back every day to see what we’ve been cooking up.
Day 1: error boundaries
This is a long-awaited and much-requested feature, that allows you to isolate and recover from errors that occur during rendering.
Day 2: each without as
If you just want to render something in an {#each ...} block n times, and don’t care about the value, you can now omit the as part.
Day 3: exported snippets
You can now export snippets from a component’s <script module>, for use in other components, as long as those snippets don’t reference anything belonging to the component instance.
Day 4: form control default values
When you reset a form, the value of each <input> element reverts to its defaultValue. This is normally the empty string, but you can now control it directly in your template.
Day 5: MediaQuery, prefersReducedMotion and createSubscriber
It’s a three-in-one kind of day. new MediaQuery(...) gives you an object with a reactive current property that’s true when the media query matches. prefersReducedMotion is an instance of MediaQuery that matches if the user has expressed a preference for reduced motion, helping you build accessible apps. Under the hood, both are using the createSubscriber mechanism, which gives you an easy way to set up event listeners when a value is read inside an effect.
Day 6: Spring and Tween
We now have modern state-based alternatives to the spring and tweened stores of old. Smooth!
Day 7
Coming soon!
Day 8
Coming soon!
Day 9
Coming soon!
Day 10
Coming soon!
Day 11
Coming soon!
Day 12
Coming soon!
Day 13
Coming soon!
Day 14
Coming soon!
Day 15
Coming soon!
Day 16
Coming soon!
Day 17
Coming soon!
Day 18
Coming soon!
Day 19
Coming soon!
Day 20
Coming soon!
Day 21
Coming soon!
Day 22
Coming soon!
Day 23
Coming soon!
Day 24
Coming soon!