What's New In Svelte: December 2021
Svelte Summit Fall 2021 Recap, Rich Harris joins Vercel, and Kevin goes full-time on Svelte Society
With SvelteKit getting more and more stable each day, there's not much to cover in terms of code changes other than bug fixes... So, in this month's newsletter, we'll be covering Svelte Summit Fall 2021!
What happened at Svelte Summit?
Here are the highlights:
Kevin Bridges dove deep into Svelte's reactivity logic by visualizing it through
ReflectiveCounterand showing how to "fine tune" it, as needed. A full "syllabus" for the presentation is available on Kevin's site. (42:55)
Geoff Rich introduced various ways to modify motion and transitions within Svelte to be more accessible to all users of the web. Slides and a full transcription of the talk are available on Geoff's site. (1:32:30)
Svelte Sirens was announced as the new Svelte community for women, non-binary and allies. Their first event was on November 29th - all future events can be found on the Svelte Sirens website (3:50:45)
Austin Crim connected learning to code on the web to learning how to play an instrument. By giving learners early wins and introducing the fundamentals through real-world apps, learning Svelte (and the fundamentals underneath) doesn't have to be a chore (4:21:50)
Dominik G. presented a fresh take on icon libraries - one that reduces the bundle size of applications and opens up the entire iconify library for use in any Svelte app (5:30:04)
Thanks to Kevin and all the Svelte Society volunteers for pulling together such an amazing event! Excitingly, Kevin announced after the event that he will now be working full-time on Svelte Society! You can check out all the talks, broken up into individual videos for convenience, in this Svelte Society YouTube Playlist.
If you have feedback on the Svelte Summit, Kev is looking for feedback on the Svelte subreddit 👀
Apps & Sites
pixeldrain is a free-to-use file sharing platform
LifeHash generates beautiful visual hashes from Blockchain Commons
simple-cloud-music is a lightweight third-party NetEase cloud music player for modern browsers (likely only works on Chrome)
palette.rocks is a color palette generator with contrast-checking built-in
Kadium is an app for staying on top of YouTube channel uploads
Multi-Monitor Calculator is a tool for planning your multi-monitor setup
Your Home is an interactive overview of Facebook's privacy settings
Svelte Crush is a Candy Crush style match-3 game
100.000 Corona deaths in Germany is a visualization made for Spiegel Gesundheit
Looking for a Svelte project to work on? Interested in helping make Svelte's presence on the web better? Check out the list of open issues if you'd like to contribute to the Svelte Society rewrite in SvelteKit.
Videos, Blogs and Podcasts
Libraries, Tools & Components
svelte-cubed is a Three.js component library for Svelte - created by Rich Harris for his presentation at Svelte Summit Fall 2021
svelte-fsm is a tiny, simple, expressive, pragmatic Finite State Machine (FSM) library, optimized for Svelte
bromb is a feedback widget for websites/web apps that is small and easy to integration/self-host
Spaper is a set of PaperCSS components for Svelte
svelte-intl-precompile is an i18n library for Svelte that analyzes and compiles your translations at build time
svelte-preprocess-svg automatically optimizes inline svg in Svelte components for better performance and reduced file size
svelte-subcomponent-preprocessor allows you to write more than one component within a svelte file
svelte-pdfjs is a crude implementation of a Svelte PDF viewer component
svelte-inview is a Svelte action that monitors an element enters or leaves the viewport/parent element
sveltekit-adapter-wordpress-shortcode is an adapter for SvelteKit which turns your app into a wordpress shortcode
svelte-websocket-store is a Svelte store with a websocket backend
Svelte Auto Form is a fast and fun form library focused on ease of use, rather than flexibility.
set-focus is an Svelte action that will set focus on
<button>elements as soon as they mount - useful for some experiences and testing
See you next