From 2e6c2e75048c8eab8ba309bb93ec1f7e27cac599 Mon Sep 17 00:00:00 2001 From: Daniel Sandoval Date: Sun, 26 Jun 2022 17:10:53 -0600 Subject: [PATCH 1/7] july first draft --- ...022-07-01-whats-new-in-svelte-july-2022.md | 91 +++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md diff --git a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md new file mode 100644 index 00000000000..543540b72a8 --- /dev/null +++ b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md @@ -0,0 +1,91 @@ +--- +title: "What's new in Svelte: July 2022" +description: "Faster SSR, Language tools improvements and something special..." +author: Daniel Sandoval +authorURL: https://desandoval.net +--- + +With [something special](https://twitter.com/SvelteSociety/status/1539284972544180230?s=20&t=3Qoi371NrL9LP6xMOF63ag) dropping today along with faster SSR and a number of new language tools features, there's a lot to cover in this month's newsletter... + +So let's dive in! + +## What's new in Svelte & Language Tools +- [learn.svelte.dev](https://learn.svelte.dev/) is a new way to learn Svelte and SvelteKit from the ground up! +- Faster SSR is coming in the next Svelte release. A PR two years in the making, resulting in up to 3.05x faster in some tests! ([PR](https://github.com/sveltejs/svelte/pull/5701)) +- "Find File References" in the latest version of the Svelte extension shows where Svelte files have been imported ([0.14.29](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.29), [Demo](https://twitter.com/dummdidumm_/status/1532459709604716544/photo/1)) +- The Svelte extension now supports CSS path completion ([0.14.29](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.29)) + + +## What's new in SvelteKit +- Static assets can now be symlinked in development environments ([#5089](https://github.com/sveltejs/kit/pull/5089)) +- `server` and `prod` environment varaibles are now available as a correlary to `browser` and `dev` ([#5251](https://github.com/sveltejs/kit/pull/5251)) + +--- + +## Community Showcase + +**Apps & Sites built with Svelte** +- [Virtual Maker](https://www.virtualmaker.net/) lets you make interactive 3D and VR scenes in your browser +- [Apple Beta Music](https://www.reddit.com/r/sveltejs/comments/v7ic2s/apple_beta_music_uses_svelte/) appears to have been written in some combination of Svelte and web components +- [Itatiaia](https://www.itatiaia.com.br/), the largest radio station in the country of Brazil just relaunched its news portal in SvelteKit +- [Pronauns](https://www.pronauns.com) helps you learn pronunciation online with IPA to speak better and sound more native +- [Immich](https://www.immich.app/) is an open source, high performance self-hosted backup solution for videos and photos on your mobile phone +- [Pendek](https://github.com/leovoon/link-shortener) is a link shortener built with SvelteKit, Prisma and PlanetScale +- [Grunfy](https://grunfy.com/tools) is a set of guitar tools - recently migrated to SvelteKit +- [Radiant: The Future of Radio](https://play.google.com/store/apps/details?id=co.broadcastapp.Radiant) is a personal radio station app built with Svelte and Capacitor +- [Imperfect Reminders](https://imperfectreminders.mildlyupset.com/) is a todo list for things that are only sort of time sensitive +- [Svelvet](https://github.com/open-source-labs/Svelvet) is a lightweight Svelte component library for building interactive node-based diagrams +- [publint](https://github.com/bluwy/publint) lints for packaging errors to ensure compatibility across environments +- [Playlistr](https://github.com/alextana/spotify-playlist-creator) helps manage and create Spotify playlists +- [Geoff Rich's page transitions demo](https://twitter.com/geoffrich_/status/1534980702785003520) shows how SvelteKit's beforeNavigate/afterNavigate hooks can make smooth document transitions in the latest Chrome Canary +- [Menger Sponge](https://twitter.com/a_warnes/status/1536215896078811137) is a fractal built with Threlte + +Want to contribute to a site using the latest SvelteKit features? [Help build the Svelte Society site](https://github.com/svelte-society/sveltesociety.dev/issues)! + + +**Learning Resources** + +_To Watch_ +From/Featuring Svelte Society: +- [Svelte Origins: A JavaScript Documentary](https://www.youtube.com/watch?v=kMlkCYL9qo0) by OfferZen Origins +- [Full Stack Documentation (announcing learn.svelte.dev)](https://portal.gitnation.org/contents/full-stack-documentation) by Rich Harris @ JSNation 2022 + +Across the Web: +- [SvelteKit Page Endpoints](https://www.youtube.com/watch?v=yQRf2wmTu5w), [Named Layouts](https://www.youtube.com/watch?v=UHX9TJ0BxZY) and [Passing data from page component to layout component with $page.stuff](https://www.youtube.com/watch?v=CXaCstU5pcw) by lihautan +- [🍞 & 🧈: Magically load data with SvelteKit Endpoints](https://www.youtube.com/watch?v=f6prqYlbTE4) by Johnny Magrippis +- [Svelte for React developers](https://www.youtube.com/watch?v=7tsrwrx5HtQ) by frontendtier +- [Learn Svelte JS || Javascript Compiler for Building Front end Applications](https://www.youtube.com/watch?v=1rKRarJJFrY&list=PLIGDNOJWiL1-7zCgdR7MKuho-tPC6Ra6C&index=1) by Code with tsksharma +- [SvelteKit Authentication](https://www.youtube.com/watch?v=T935Ya4W5X0&list=PLA9WiRZ-IS_zKrDzhOhV5RGKKTHNIyTDO&index=1) by Joy of Code +- [Svelte + websockets: Build a real-time Auction app](https://www.youtube.com/watch?v=CqgsWFrwQIU) by Evgeny Maksimov + +_To Read_ +- [Up-To-Date Analytics on a Static Website](https://paullj.github.io/posts/up-to-date-analytics-on-a-static-website) and [Fast, Lightweight Fuzzy Search using Fuse.js](https://paullj.github.io/posts/fast-lightweight-fuzzy-search-using-fuse.js) by paullj +- [Use SvelteKit as a handler in the ExpressJs project](https://chientrm.medium.com/use-sveltekit-as-a-handler-in-the-expressjs-project-15524b01128f) by Tran Chien +- [Creating a desktop application with Tauri and SvelteKit](https://github.com/Stijn-B/tauri-sveltekit-example) by Stijn-B +- [List of awesome Svelte stores](https://github.com/samuba/awesome-svelte-stores) by samuba +- [SvelteKit Content Security Policy: CSP for XSS Protection](https://rodneylab.com/sveltekit-content-security-policy/) by Rodney Lab +- [SvelteKit Hooks. Everything You Need To Know](https://kudadam.com/blog/understanding-sveltekit-hooks) by Lucretius K. Biah +- [3 tips for upgrading the performance of your Svelte stores](https://www.mathiaspicker.com/posts/3-tips-for-upgrading-the-performance-of-your-svelte-stores) by Mathias Picker + +_To Hear_ +- + + +**Libraries, Tools & Components** +- [Svelte Hover Draw SVG](https://github.com/davipon/svelte-hover-draw-svg) is a lightweight Svelte component to draw SVG on hover +- [Svelte French Toast](https://svelte-french-toast.com/) provides buttery smooth toast notifications that are lightweight, customizable, and beautiful by default +- [SVooltip](https://svooltip.vercel.app/) is a basic Svelte tooltip directive, powered by Floating UI +- [Svelte Brick Gallery](https://github.com/anotherempty/svelte-brick-gallery) is a masonry-like image gallery component for Svelte +- [use-vest](https://github.com/enyo/use-vest) is a Svelte action for Vest - a library that makes it easy to validate forms and show errors when necessary +- [Svelidate](https://github.com/svelidate/svelidate) is a simple and lightweight form validation library for Svelte with no dependencies +- [Svve11](https://github.com/oslabs-beta/Svve11) is an "accessbility-first" component library for Svelte +- [Slidy](https://github.com/Valexr/Slidy) is a simple, configurable & reusable carousel sliding action script with templates & some useful plugins +- [Svelte Component Snippets](https://marketplace.visualstudio.com/items?itemName=brysonbw.svelte-component-snippets) is a VS Code extension with access to common Svelte snippets +- [Svelte Confetti](https://github.com/Mitcheljager/svelte-confetti) adds a little bit of flair to your app with some confetti 🎊 + + +What did we miss? Let us know on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.com/invite/yy75DKs) to add your voice. + +Don't forget that you can also join us in-person at the Svelte Summit in Stockholm! Come join us for two days of awesome Svelte content! [Get your tickets now](https://www.sveltesummit.com/). + +See y'all next month! From b52b9ac9fc578723da489cad45ae78997d027074 Mon Sep 17 00:00:00 2001 From: Daniel Sandoval Date: Tue, 28 Jun 2022 19:35:05 -0600 Subject: [PATCH 2/7] Apply suggestions from code review Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com> --- .../2022-07-01-whats-new-in-svelte-july-2022.md | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md index 543540b72a8..52f5b59a2f5 100644 --- a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md +++ b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md @@ -5,18 +5,26 @@ author: Daniel Sandoval authorURL: https://desandoval.net --- -With [something special](https://twitter.com/SvelteSociety/status/1539284972544180230?s=20&t=3Qoi371NrL9LP6xMOF63ag) dropping today along with faster SSR and a number of new language tools features, there's a lot to cover in this month's newsletter... +With [something special](https://twitter.com/SvelteSociety/status/1539284972544180230?s=20&t=3Qoi371NrL9LP6xMOF63ag) dropping today along with faster SSR and support for Vitest and Storybook in SvelteKit, there's a lot to cover in this month's newsletter... So let's dive in! +## OpenCollective funding drives Svelte forward + +Svelte supporters have donated approximately $80,000 to [the project on OpenCollective](https://opencollective.com/svelte). We're happy to share that the funds are being drawn on to move Svelte forward in a meaningful way. [@gtm-nayan](https://github.com/gtm-nayan) has begun triaging and fixing SvelteKit issues this past month as a paid contributor to the project to help us get SvelteKit to a 1.0 level of stability! @gtm-nayan has been an active member of the Svelte community for quite some time and is well known for writing the bot that helps keep our Discord server running. We're happy that this funding has allowed Svelte to get much more of his time. + +We will also be utilizing OpenCollective funds to allow Svelte core maintainers to attend Svelte Summit in person this fall. + ## What's new in Svelte & Language Tools -- [learn.svelte.dev](https://learn.svelte.dev/) is a new way to learn Svelte and SvelteKit from the ground up! +- [learn.svelte.dev](https://learn.svelte.dev/) is a new way to learn Svelte and SvelteKit from the ground up that is currently in development! - Faster SSR is coming in the next Svelte release. A PR two years in the making, resulting in up to 3.05x faster in some tests! ([PR](https://github.com/sveltejs/svelte/pull/5701)) - "Find File References" in the latest version of the Svelte extension shows where Svelte files have been imported ([0.14.29](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.29), [Demo](https://twitter.com/dummdidumm_/status/1532459709604716544/photo/1)) - The Svelte extension now supports CSS path completion ([0.14.29](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.29)) ## What's new in SvelteKit +- Introduced `@sveltejs/kit/experimental/vite` which allows SvelteKit to interoperate with other tools in the Vite ecosystem like Vitest and Storybook ([#5094](https://github.com/sveltejs/kit/pull/5094)). Please [leave feedback](https://github.com/sveltejs/kit/issues/5184) as to whether the feature works and is helpful as we consider taking it out of experimental and making `vite.config.js` required for all users +- Switched to the Undici `fetch` implementation ([#5117](https://github.com/sveltejs/kit/pull/5117)), which unblocks implementing streaming - Static assets can now be symlinked in development environments ([#5089](https://github.com/sveltejs/kit/pull/5089)) - `server` and `prod` environment varaibles are now available as a correlary to `browser` and `dev` ([#5251](https://github.com/sveltejs/kit/pull/5251)) @@ -37,7 +45,7 @@ So let's dive in! - [Svelvet](https://github.com/open-source-labs/Svelvet) is a lightweight Svelte component library for building interactive node-based diagrams - [publint](https://github.com/bluwy/publint) lints for packaging errors to ensure compatibility across environments - [Playlistr](https://github.com/alextana/spotify-playlist-creator) helps manage and create Spotify playlists -- [Geoff Rich's page transitions demo](https://twitter.com/geoffrich_/status/1534980702785003520) shows how SvelteKit's beforeNavigate/afterNavigate hooks can make smooth document transitions in the latest Chrome Canary +- [Geoff Rich's page transitions demo](https://twitter.com/geoffrich_/status/1534980702785003520) shows how SvelteKit's `beforeNavigate`/`afterNavigate` hooks can make smooth document transitions in the latest Chrome Canary - [Menger Sponge](https://twitter.com/a_warnes/status/1536215896078811137) is a fractal built with Threlte Want to contribute to a site using the latest SvelteKit features? [Help build the Svelte Society site](https://github.com/svelte-society/sveltesociety.dev/issues)! From a82597d3b068430a437125ee667e1b72121d9fd9 Mon Sep 17 00:00:00 2001 From: Daniel Sandoval Date: Tue, 28 Jun 2022 19:39:37 -0600 Subject: [PATCH 3/7] grammar, spelling and some formatting --- ...022-07-01-whats-new-in-svelte-july-2022.md | 19 ++++++++----------- 1 file changed, 8 insertions(+), 11 deletions(-) diff --git a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md index 52f5b59a2f5..2a7e7bd2fa7 100644 --- a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md +++ b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md @@ -1,6 +1,6 @@ --- title: "What's new in Svelte: July 2022" -description: "Faster SSR, Language tools improvements and something special..." +description: "Faster SSR, language tools improvements and something special..." author: Daniel Sandoval authorURL: https://desandoval.net --- @@ -11,12 +11,12 @@ So let's dive in! ## OpenCollective funding drives Svelte forward -Svelte supporters have donated approximately $80,000 to [the project on OpenCollective](https://opencollective.com/svelte). We're happy to share that the funds are being drawn on to move Svelte forward in a meaningful way. [@gtm-nayan](https://github.com/gtm-nayan) has begun triaging and fixing SvelteKit issues this past month as a paid contributor to the project to help us get SvelteKit to a 1.0 level of stability! @gtm-nayan has been an active member of the Svelte community for quite some time and is well known for writing the bot that helps keep our Discord server running. We're happy that this funding has allowed Svelte to get much more of his time. +Svelte supporters have donated approximately $80,000 to [the project on OpenCollective](https://opencollective.com/svelte). We're happy to share that the funds are being drawn on to move Svelte forward in a meaningful way. [@gtm-nayan](https://github.com/gtm-nayan) has begun triaging and fixing SvelteKit issues this past month as a paid contributor to the project to help us get SvelteKit to a 1.0 level of stability! **@gtm-nayan** has been an active member of the Svelte community for quite some time and is well known for writing the bot that helps keep our Discord server running. We're happy that this funding has allowed Svelte to get much more of his time. -We will also be utilizing OpenCollective funds to allow Svelte core maintainers to attend Svelte Summit in person this fall. +We will also be utilizing OpenCollective funds to allow Svelte core maintainers to attend [Svelte Summit](https://www.sveltesummit.com/) in person this fall. Thanks to everyone who has donated, so far! ## What's new in Svelte & Language Tools -- [learn.svelte.dev](https://learn.svelte.dev/) is a new way to learn Svelte and SvelteKit from the ground up that is currently in development! +- [learn.svelte.dev](https://learn.svelte.dev/) is a new way to learn Svelte and SvelteKit from the ground up that is currently in development - Faster SSR is coming in the next Svelte release. A PR two years in the making, resulting in up to 3.05x faster in some tests! ([PR](https://github.com/sveltejs/svelte/pull/5701)) - "Find File References" in the latest version of the Svelte extension shows where Svelte files have been imported ([0.14.29](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.29), [Demo](https://twitter.com/dummdidumm_/status/1532459709604716544/photo/1)) - The Svelte extension now supports CSS path completion ([0.14.29](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.29)) @@ -26,7 +26,7 @@ We will also be utilizing OpenCollective funds to allow Svelte core maintainers - Introduced `@sveltejs/kit/experimental/vite` which allows SvelteKit to interoperate with other tools in the Vite ecosystem like Vitest and Storybook ([#5094](https://github.com/sveltejs/kit/pull/5094)). Please [leave feedback](https://github.com/sveltejs/kit/issues/5184) as to whether the feature works and is helpful as we consider taking it out of experimental and making `vite.config.js` required for all users - Switched to the Undici `fetch` implementation ([#5117](https://github.com/sveltejs/kit/pull/5117)), which unblocks implementing streaming - Static assets can now be symlinked in development environments ([#5089](https://github.com/sveltejs/kit/pull/5089)) -- `server` and `prod` environment varaibles are now available as a correlary to `browser` and `dev` ([#5251](https://github.com/sveltejs/kit/pull/5251)) +- `server` and `prod` environment variables are now available as a correlary to `browser` and `dev` ([#5251](https://github.com/sveltejs/kit/pull/5251)) --- @@ -53,12 +53,12 @@ Want to contribute to a site using the latest SvelteKit features? [Help build th **Learning Resources** -_To Watch_ -From/Featuring Svelte Society: +_Featuring Svelte Society_ - [Svelte Origins: A JavaScript Documentary](https://www.youtube.com/watch?v=kMlkCYL9qo0) by OfferZen Origins - [Full Stack Documentation (announcing learn.svelte.dev)](https://portal.gitnation.org/contents/full-stack-documentation) by Rich Harris @ JSNation 2022 +- [All About the Sirens](https://www.svelteradio.com/episodes/all-about-the-sirens) by Svelte Radio -Across the Web: +_To Watch_ - [SvelteKit Page Endpoints](https://www.youtube.com/watch?v=yQRf2wmTu5w), [Named Layouts](https://www.youtube.com/watch?v=UHX9TJ0BxZY) and [Passing data from page component to layout component with $page.stuff](https://www.youtube.com/watch?v=CXaCstU5pcw) by lihautan - [🍞 & 🧈: Magically load data with SvelteKit Endpoints](https://www.youtube.com/watch?v=f6prqYlbTE4) by Johnny Magrippis - [Svelte for React developers](https://www.youtube.com/watch?v=7tsrwrx5HtQ) by frontendtier @@ -75,9 +75,6 @@ _To Read_ - [SvelteKit Hooks. Everything You Need To Know](https://kudadam.com/blog/understanding-sveltekit-hooks) by Lucretius K. Biah - [3 tips for upgrading the performance of your Svelte stores](https://www.mathiaspicker.com/posts/3-tips-for-upgrading-the-performance-of-your-svelte-stores) by Mathias Picker -_To Hear_ -- - **Libraries, Tools & Components** - [Svelte Hover Draw SVG](https://github.com/davipon/svelte-hover-draw-svg) is a lightweight Svelte component to draw SVG on hover From 89df0e5f00ee585aa62ee8adb93c08bc80baf9cd Mon Sep 17 00:00:00 2001 From: Daniel Sandoval Date: Thu, 30 Jun 2022 08:15:17 -0600 Subject: [PATCH 4/7] address feedback, add another showcase --- .../content/blog/2022-07-01-whats-new-in-svelte-july-2022.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md index 2a7e7bd2fa7..bdca8740591 100644 --- a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md +++ b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md @@ -18,13 +18,13 @@ We will also be utilizing OpenCollective funds to allow Svelte core maintainers ## What's new in Svelte & Language Tools - [learn.svelte.dev](https://learn.svelte.dev/) is a new way to learn Svelte and SvelteKit from the ground up that is currently in development - Faster SSR is coming in the next Svelte release. A PR two years in the making, resulting in up to 3.05x faster in some tests! ([PR](https://github.com/sveltejs/svelte/pull/5701)) -- "Find File References" in the latest version of the Svelte extension shows where Svelte files have been imported ([0.14.29](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.29), [Demo](https://twitter.com/dummdidumm_/status/1532459709604716544/photo/1)) +- "Find File References" ([0.14.28](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.28)) and "Find Component References" ([0.14.29](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.29)) in the latest versions of the Svelte extension shows where Svelte files and components have been imported and used ([Demo](https://twitter.com/dummdidumm_/status/1532459709604716544/photo/1)) - The Svelte extension now supports CSS path completion ([0.14.29](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.29)) ## What's new in SvelteKit - Introduced `@sveltejs/kit/experimental/vite` which allows SvelteKit to interoperate with other tools in the Vite ecosystem like Vitest and Storybook ([#5094](https://github.com/sveltejs/kit/pull/5094)). Please [leave feedback](https://github.com/sveltejs/kit/issues/5184) as to whether the feature works and is helpful as we consider taking it out of experimental and making `vite.config.js` required for all users -- Switched to the Undici `fetch` implementation ([#5117](https://github.com/sveltejs/kit/pull/5117)), which unblocks implementing streaming +- Steaming in endpoints is now supported ([#3419](https://github.com/sveltejs/kit/issues/3419)). This was enabled by switching to the Undici `fetch` implementation ([#5117](https://github.com/sveltejs/kit/pull/5117)) - Static assets can now be symlinked in development environments ([#5089](https://github.com/sveltejs/kit/pull/5089)) - `server` and `prod` environment variables are now available as a correlary to `browser` and `dev` ([#5251](https://github.com/sveltejs/kit/pull/5251)) @@ -77,6 +77,7 @@ _To Read_ **Libraries, Tools & Components** +- [Svend3r](https://github.com/oslabs-beta/svend3r) is a plug and play D3 charting library for Svelte - [Svelte Hover Draw SVG](https://github.com/davipon/svelte-hover-draw-svg) is a lightweight Svelte component to draw SVG on hover - [Svelte French Toast](https://svelte-french-toast.com/) provides buttery smooth toast notifications that are lightweight, customizable, and beautiful by default - [SVooltip](https://svooltip.vercel.app/) is a basic Svelte tooltip directive, powered by Floating UI From 6bc482f35cbe47baaaba74af8d85de51af2a5b97 Mon Sep 17 00:00:00 2001 From: Daniel Sandoval Date: Thu, 30 Jun 2022 09:24:32 -0600 Subject: [PATCH 5/7] Apply suggestions from code review Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com> --- .../blog/2022-07-01-whats-new-in-svelte-july-2022.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md index bdca8740591..d7bd5ae76db 100644 --- a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md +++ b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md @@ -11,13 +11,13 @@ So let's dive in! ## OpenCollective funding drives Svelte forward -Svelte supporters have donated approximately $80,000 to [the project on OpenCollective](https://opencollective.com/svelte). We're happy to share that the funds are being drawn on to move Svelte forward in a meaningful way. [@gtm-nayan](https://github.com/gtm-nayan) has begun triaging and fixing SvelteKit issues this past month as a paid contributor to the project to help us get SvelteKit to a 1.0 level of stability! **@gtm-nayan** has been an active member of the Svelte community for quite some time and is well known for writing the bot that helps keep our Discord server running. We're happy that this funding has allowed Svelte to get much more of his time. +Svelte supporters have donated approximately $80,000 to [the project on OpenCollective](https://opencollective.com/svelte). We're happy to share that the funds are being drawn on to move Svelte forward in a meaningful way. **[@gtm-nayan](https://github.com/gtm-nayan)** has begun triaging and fixing SvelteKit issues this past month as a paid contributor to the project to help us get SvelteKit to a 1.0 level of stability! @gtm-nayan has been an active member of the Svelte community for quite some time and is well known for writing the bot that helps keep our Discord server running. We're happy that this funding has allowed Svelte to get much more of his time. -We will also be utilizing OpenCollective funds to allow Svelte core maintainers to attend [Svelte Summit](https://www.sveltesummit.com/) in person this fall. Thanks to everyone who has donated, so far! +We will also be utilizing OpenCollective funds to allow Svelte core maintainers to attend [Svelte Summit](https://www.sveltesummit.com/) in person this fall. Thanks to everyone who has donated so far! ## What's new in Svelte & Language Tools - [learn.svelte.dev](https://learn.svelte.dev/) is a new way to learn Svelte and SvelteKit from the ground up that is currently in development -- Faster SSR is coming in the next Svelte release. A PR two years in the making, resulting in up to 3.05x faster in some tests! ([PR](https://github.com/sveltejs/svelte/pull/5701)) +- Faster SSR is coming in the next Svelte release. A PR two years in the making, resulting in up to 3x faster rendering in some benchmarking tests! ([PR](https://github.com/sveltejs/svelte/pull/5701)) - "Find File References" ([0.14.28](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.28)) and "Find Component References" ([0.14.29](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.29)) in the latest versions of the Svelte extension shows where Svelte files and components have been imported and used ([Demo](https://twitter.com/dummdidumm_/status/1532459709604716544/photo/1)) - The Svelte extension now supports CSS path completion ([0.14.29](https://github.com/sveltejs/language-tools/releases/tag/language-server-0.14.29)) From b1db209f8ff9f9e63c60139029be1c951983ecce Mon Sep 17 00:00:00 2001 From: Daniel Sandoval Date: Thu, 30 Jun 2022 17:52:09 -0600 Subject: [PATCH 6/7] apply suggested changes --- site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md index d7bd5ae76db..6cb5629258b 100644 --- a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md +++ b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md @@ -24,7 +24,7 @@ We will also be utilizing OpenCollective funds to allow Svelte core maintainers ## What's new in SvelteKit - Introduced `@sveltejs/kit/experimental/vite` which allows SvelteKit to interoperate with other tools in the Vite ecosystem like Vitest and Storybook ([#5094](https://github.com/sveltejs/kit/pull/5094)). Please [leave feedback](https://github.com/sveltejs/kit/issues/5184) as to whether the feature works and is helpful as we consider taking it out of experimental and making `vite.config.js` required for all users -- Steaming in endpoints is now supported ([#3419](https://github.com/sveltejs/kit/issues/3419)). This was enabled by switching to the Undici `fetch` implementation ([#5117](https://github.com/sveltejs/kit/pull/5117)) +- Streaming in endpoints is now supported ([#3419](https://github.com/sveltejs/kit/issues/3419)). This was enabled by switching to the Undici `fetch` implementation ([#5117](https://github.com/sveltejs/kit/pull/5117)) - Static assets can now be symlinked in development environments ([#5089](https://github.com/sveltejs/kit/pull/5089)) - `server` and `prod` environment variables are now available as a correlary to `browser` and `dev` ([#5251](https://github.com/sveltejs/kit/pull/5251)) @@ -53,7 +53,7 @@ Want to contribute to a site using the latest SvelteKit features? [Help build th **Learning Resources** -_Featuring Svelte Society_ +_Starring the Svelte team_ - [Svelte Origins: A JavaScript Documentary](https://www.youtube.com/watch?v=kMlkCYL9qo0) by OfferZen Origins - [Full Stack Documentation (announcing learn.svelte.dev)](https://portal.gitnation.org/contents/full-stack-documentation) by Rich Harris @ JSNation 2022 - [All About the Sirens](https://www.svelteradio.com/episodes/all-about-the-sirens) by Svelte Radio From ad6114d28e3c0bb9cbecf4c920098cb99d1b0958 Mon Sep 17 00:00:00 2001 From: Daniel Sandoval Date: Fri, 1 Jul 2022 08:05:16 -0600 Subject: [PATCH 7/7] New intro and summary, taking out something special --- .../content/blog/2022-07-01-whats-new-in-svelte-july-2022.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md index 6cb5629258b..e8c76a08572 100644 --- a/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md +++ b/site/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md @@ -1,11 +1,11 @@ --- title: "What's new in Svelte: July 2022" -description: "Faster SSR, language tools improvements and something special..." +description: "Faster SSR, language tools improvements and a new paid contributor!" author: Daniel Sandoval authorURL: https://desandoval.net --- -With [something special](https://twitter.com/SvelteSociety/status/1539284972544180230?s=20&t=3Qoi371NrL9LP6xMOF63ag) dropping today along with faster SSR and support for Vitest and Storybook in SvelteKit, there's a lot to cover in this month's newsletter... +From faster SSR to support for Vitest and Storybook in SvelteKit, there's a lot to cover in this month's newsletter... So let's dive in! @@ -42,6 +42,7 @@ We will also be utilizing OpenCollective funds to allow Svelte core maintainers - [Grunfy](https://grunfy.com/tools) is a set of guitar tools - recently migrated to SvelteKit - [Radiant: The Future of Radio](https://play.google.com/store/apps/details?id=co.broadcastapp.Radiant) is a personal radio station app built with Svelte and Capacitor - [Imperfect Reminders](https://imperfectreminders.mildlyupset.com/) is a todo list for things that are only sort of time sensitive +- [Periodic Table](https://github.com/janosh/periodic-table) is a dynamic Periodic Table component written in Svelte - [Svelvet](https://github.com/open-source-labs/Svelvet) is a lightweight Svelte component library for building interactive node-based diagrams - [publint](https://github.com/bluwy/publint) lints for packaging errors to ensure compatibility across environments - [Playlistr](https://github.com/alextana/spotify-playlist-creator) helps manage and create Spotify playlists