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-09-01-whats-new-in-sve...

8.8 KiB

title description author authorURL
What's new in Svelte: September 2023 New parameters in SvelteKit's redirect and an onNavigate lifecycle function come to life Dani Sandoval https://dreamindani.com

Happy September y'all! With all the sneak peeks at what's coming soon in Svelte 5, we thought it'd be best to look back at the last month to see what's shipped and what the community is building with Svelte.

Before we jump in, a warm welcome to the new Svelte Ambassadors: @cainux and @grischaerbe! Welcome to the crew ⛴️

What's new in Svelte & Language Tools

  • svelteHTML has moved from language-tools into Svelte core so that svelte/element types will now load correctly (4.2.0 in Svelte, 107.10.0 in Language Tools)

What's new in SvelteKit

  • URL is now accepted in the redirect function (1.23.0, Docs, #10570)
  • Mistyped route filenames will now throw a warning (1.23.0, #10558)
  • The new onNavigate lifecycle function enables view transitions - Check out the blog post for more info (1.24.0, Docs, #9605)

But that's just the new features! For all the patches and performance updates from this month, check out the SvelteKit CHANGELOG. You can also find adapter-specific CHANGELOGs in each of the adapter directories.


Community Showcase

Apps & Sites built with Svelte

  • Planet Of The Bugs allows developers to practice and hone their skill-sets by exposing them to an endless supply of unique, curated issues and bugs from popular open-source projects on Github
  • Minesweeper is an Android game built with SvelteKit, Capacitor, TailwindCSS and DaisyUI (check it out on the Google Play Store)
  • Pendor is an AI component generator for Svelte
  • Avatars Pro is a social proof widget made for the web
  • Pomodoro Focus is a pomodoro timer browser extension
  • memegen is a Firefox web extension that allows users to generate memes using various templates
  • Resgen is a Chrome extension that tailors resumes based on job descriptions and your experiences
  • Icono Search is an AI-powered video search engine
  • digital-paper is a writing app with no backspace or undo
  • Ubuntu 22.04 in Svelte aims to replicate the Ubuntu 22.04 desktop experience on the web
  • My Queue creates a playlist of written articles by turning them into audio stories

Learning Resources Featuring Svelte Contributors and Ambassadors

To Watch

To Read

Libraries, Tools & Components

  • Carta is a lightweight, fast and extensible Svelte Markdown editor and viewer, based on Marked
  • Threlte, the 3D framework built from Svelte and Three.js has released version 6
  • vite-plugin-web-extension works great with Svelte to make building browser extensions easier
  • Salvia-kit Svelte Dashboards contains 10 free dashboard templates for SvelteKit
  • drab is an Unstyled Svelte component library
  • svelte-img-previewer is a tool for displaying images from input file types in Svelte
  • sveltekit-search-params describes itself as the fastest way to read AND write from query search params in SvelteKit

That's it for this month! Feel free to let us know if we missed anything on Reddit or Discord.

Until next time 👋