You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
svelte/documentation/blog/2023-02-01-whats-new-in-sve...

10 KiB

title description author authorURL
What's new in Svelte: February 2023 Minor versions and major satisfaction Dani Sandoval https://dreamindani.com

Since last month, we've seen a couple of minor versions across Svelte and SvelteKit, a bunch of educational content to support the 1.0 release, as well as the State of JS survey results...

Svelte, once again, increased in satisfaction and interest, so thanks to everyone who voted!

Let's dive into the updates...

What's new in SvelteKit

Work in the Svelte ecosystem this month has been focused on SvelteKit bug fixes and addressing feedback from the 1.0 launch. One of the more awaited bug fixes to SvelteKit's base path support landed, which means that you can now create SvelteKit projects on remote development environments. There have been several new releases with these fixes as well as a handful of new features such as:

  • The submitter's value will now be included automatically when progressively enhancing (1.0.3, #8273)
  • Added an error in dev mode if global fetch is used with relative URL (1.0.8, #8370)
  • A warning will now indicated that hydration may break if comments are removed from HTML (1.0.11, #8423)
  • A warning will occur when of page options are used in .svelte files or a missing <slot /> in layout is detected (1.1.0, #8475)
  • The new text(...) helper makes it easy to generate text responses (1.2.0, #8371)
  • The public env can now be accessed within app.html (1.2.0, Docs, #8449)
  • An error will now be thrown if cookie exceeds size limit (1.2.1, #8591)
  • The generated tsconfig can now be modified (1.3.0, #8606)

What's new in Svelte and Language Tools

  • Added support for html.customData from the VS Code HTML language service (extensions-107.0.0, #1824)
  • Autocompletion for stores that need to be imported (#1823) and object/class member snippets (#1817) has been added to the Svelte extension (extensions-107.0.0)
  • Improve detection of promises that are also functions (Svelte 3.55.1, #8162)
  • Add missing types and properties for the global part attribute and on:submit, respectively (Svelte 3.55.1, #8181)
  • Lots of performance and bug fixes (Svelte 3.55.1* and extensions-107.0.x)

*for all the changes to the Svelte compiler, including unreleased changes, check out the CHANGELOG.


Community Showcase

Apps & Sites built with Svelte

  • Titowest.com is a series of photographic films by the writer & photographer, Tito West
  • Verve is a lightweight and blazingly fast launcher for accessing and opening applications, files and documents
  • Round The World is an interactive guide to the travels of Andrew Carnegie
  • Linear Regression is an interactive blog post visual introduction to (almost) everything you should know about linear regression
  • Flotes is a free note taking app enhanced with flashcard features
  • nomie is a Daily Journal for short attention spans
  • nocode.gallery is a collection of stunning websites made with no code
  • Whom to Follow helps you find accounts you'll love by searching the network of accounts you already follow
  • poker-simulator is a poker simulation and evaluation tool
  • Pixelicious converts your images into pixel art
  • Apple Music is now built with Svelte (proof)

Learning Resources

Featuring Svelte Contributors and Ambassadors

To Watch or Hear

To Read

Libraries, Tools & Components

  • Sveltepress is a simple, easy to use, content centered site build tool with the full power of SvelteKit
  • Svelte Form Helper is a lightweight helper for form validation with Svelte
  • Dapper UI is a sleek and modern UI component library for Svelte, offering full TypeScript support and extensive documentation
  • TeilUI is a better way to build design systems with Svelte
  • Neodrag is an SSR-friendly, multi-framework draggable library
  • Svelvet, a UI library for Svelte, is now 5.0 (read more here)
  • Svelte Inview is a Svelte action that monitors an element enters or leaves the viewport/parent element
  • html2svelte makes it easy to convert HTML to Svelte components in a snap

Thanks for reading! Feel free to let us know if we missed anything on Reddit or Discord