svelte/site/content/blog/2020-10-01-whats-new-in-svelte-october-2020.md

title: What's new in Svelte: October 1, 2020 description: New object methods, in-depth learning resources and tons of integration examples! author: Daniel Sandoval authorURL: https://desandoval.net

New features

1. use:obj.method allows functions defined within objects to be used within actions (Example, 3.26.0)
2. _ is now supported as a "numerical seperator", similar to a . or , (Example, 3.26.0)
3. import.meta now works in template expressions (Example, 3.26.0)

These last two updates come from an update to Svelte’s upstream dependency, acorn. Acorn generates Svelte’s Abstract Syntax Tree (AST) and is explained in detail here!

Impactful bug fixes

1. CSS compilation will no longer remove rules for the open attribute on <details> elements (Example, 3.26.0)

Coming up

• Anything coming down the pipe???

---

Svelte Showcase

• This CustomMenu example demos how to replace the OS right-click menu
• Github Tetris lets you play a Tetris-like game in a git commit history
• Who are my representatives? is a website built with Svelte to help US residents get more info on their congressional representatives
• Pick Palette is a color palette manager made with Svelte!

In-depth learning:

• Svelte 3 Up and Running is a new book about building production-ready static web apps with Svelte 3
• Sapper Tutorial (Crash Course) walks through the ins-and-outs of Sapper, the Svelte-powered applicaiton framework

Plug-and-play components:

• svelte-zoom brings "nearly native" pan-and-zoom to images on desktop and mobile
• svelte-materialify is a Material component library for Svelte with over 50 components
• svelte-undoable makes it easy to introduce undo and redo functionality using bind:
• This Tilt component implements a common UX pattern where the hovered element tilts to follow the mouse

Lots of examples of how use JS tech came out this month:

• Snowpack + Svelte + SSR
• Sapper with PostCSS and Tailwind
• PrismJS (Code block syntax highlighting)
• Filepond (Drag-and-drop file upload)
• Ionic (UI Components)
• Pell (WYSIWYG Editor)
• Leaflet (Mapping)

Reminder: There's a Svelte integrations repo that demonstrates ways to incorporate Svelte into your stack (and vice versa). If you've got questions on how to use a particular piece of tech with Svelte, you may find your answer there... and if you've gotten something to work with Svelte, consider contributing!

For more amazing Svelte projects, check out the Svelte Community showcase, Reddit and Discord… and be sure to post your own!

See you next month!

By the way, Svelte now has an OpenCollective! All contributions and all expenses are published in our transparent public ledger. Learn who is donating, how much, where is that money going, submit expenses, get reimbursed and more!