diff --git a/apps/svelte.dev/content/blog/2021-02-01-whats-new-in-svelte-february-2021.md b/apps/svelte.dev/content/blog/2021-02-01-whats-new-in-svelte-february-2021.md index e69828afd6..ff5ba6646c 100644 --- a/apps/svelte.dev/content/blog/2021-02-01-whats-new-in-svelte-february-2021.md +++ b/apps/svelte.dev/content/blog/2021-02-01-whats-new-in-svelte-february-2021.md @@ -61,7 +61,7 @@ New changes to the Svelte Society website include [a new cheat sheet](https://sv ### New Integrations & Starters -- [svelte-derver-starter](https://github.com/AlexxNB/svelte-derver-starter) is a starter for baking fullstack application with the client based on Svelte and server side powered by Derver. +- [svelte-derver-starter](https://github.com/AlexxNB/svelte-derver-starter) is a starter for creating full-stack applications with the client based on Svelte and the server powered by Derver. - [eleventy-plugin-embed-svelte](https://github.com/shalomscott/eleventy-plugin-embed-svelte) makes it easy to embed Svelte components into an 11ty site. - [svelte-tailwind-extension-boilerplate](https://github.com/kyrelldixon/svelte-tailwind-extension-boilerplate) is a good foundation for a Chrome extension using either JavaScript or TypeScript, Svelte for the frontend, Tailwind CSS for styling, Jest for testing, and Rollup as the build system. - [snowpack-ui](https://github.com/rajasegar/snowpack-ui) lets you run & manage Snowpack projects from the browser instead of the terminal diff --git a/apps/svelte.dev/content/blog/2023-03-01-whats-new-in-svelte-march-2023.md b/apps/svelte.dev/content/blog/2023-03-01-whats-new-in-svelte-march-2023.md index 3c1794ae31..b7d60c6ac6 100644 --- a/apps/svelte.dev/content/blog/2023-03-01-whats-new-in-svelte-march-2023.md +++ b/apps/svelte.dev/content/blog/2023-03-01-whats-new-in-svelte-march-2023.md @@ -81,7 +81,7 @@ _To Read_ - [How to type Events, Slots, and Props in Svelte](https://raqueebuddinaziz.com/blog/svelte-type-events-slots-and-props/) by Raqueebuddin Aziz - [Use TypeScript with SvelteKit and Supabase](https://blog.robino.dev/posts/supabase-sveltekit) by Ross Robino - [Invoking Svelte components from your Ember apps](https://dev.to/rajasegar/invoking-svelte-components-from-your-ember-apps-58h5) by Rajasegar Chandran -- [Add a sitemap to your server side rendered SvelteKit website](https://www.okupter.com/blog/sitemap-server-side-rendered-sveltekit-website) and [State in URL: the SvelteKit approach](https://www.okupter.com/blog/state-in-url-the-sveltekit-approach) by Justin Ahinon +- [Add a sitemap to your server-rendered SvelteKit website](https://www.okupter.com/blog/sitemap-server-side-rendered-sveltekit-website) and [State in URL: the SvelteKit approach](https://www.okupter.com/blog/state-in-url-the-sveltekit-approach) by Justin Ahinon - [Display crypto data real-time in a chart using Sveltekit, Chart.js & coincap.io](https://medium.com/@Heesel/display-crypto-data-real-time-in-a-chart-using-sveltekit-chart-js-coincap-io-70b90d3aac90) by Hessel ### Libraries, Tools & Components diff --git a/apps/svelte.dev/content/blog/2023-09-20-runes.md b/apps/svelte.dev/content/blog/2023-09-20-runes.md index 8c4ae8b7ed..8ffd006877 100644 --- a/apps/svelte.dev/content/blog/2023-09-20-runes.md +++ b/apps/svelte.dev/content/blog/2023-09-20-runes.md @@ -205,9 +205,9 @@ Like every other framework, we've come to the realisation that [Knockout](https: Svelte 5's reactivity is powered by _signals_, which are essentially [what Knockout was doing in 2010](https://dev.to/this-is-learning/the-evolution-of-signals-in-javascript-8ob). More recently, signals have been popularised by [Solid](https://www.solidjs.com/) and adopted by a multitude of other frameworks. -We're doing things a bit differently though. In Svelte 5, signals are an under-the-hood implementation detail rather than something you interact with directly. As such, we don't have the same API design constraints, and can maximise both efficiency _and_ ergonomics. For example, we avoid the type narrowing issues that arise when values are accessed by function call, and when compiling in server-side rendering mode we can ditch the signals altogether, since on the server they're nothing but overhead. +We're doing things a bit differently though. In Svelte 5, signals are an under-the-hood implementation detail rather than something you interact with directly. This means we don't have the same API design constraints, and can maximise both efficiency _and_ ergonomics. For example, we avoid the type narrowing issues that arise when values are accessed by function call, and when compiling in server-side rendering mode we can ditch the signals altogether, since on the server they're nothing but overhead. -Signals unlock _fine-grained reactivity_, meaning that (for example) changes to a value inside a large list needn't invalidate all the _other_ members of the list. As such, Svelte 5 is ridonkulously fast. +Signals unlock _fine-grained reactivity_, meaning that (for example) changes to a value inside a large list needn't invalidate all the _other_ members of the list. As a result, Svelte 5 is ridonkulously fast. ## Simpler times ahead diff --git a/apps/svelte.dev/content/tutorial/01-svelte/02-reactivity/06-universal-reactivity/index.md b/apps/svelte.dev/content/tutorial/01-svelte/02-reactivity/06-universal-reactivity/index.md index 01d4f1f493..2229aa6741 100644 --- a/apps/svelte.dev/content/tutorial/01-svelte/02-reactivity/06-universal-reactivity/index.md +++ b/apps/svelte.dev/content/tutorial/01-svelte/02-reactivity/06-universal-reactivity/index.md @@ -4,7 +4,7 @@ title: Universal reactivity In the preceding exercises, we used runes to add reactivity inside components. But we can also use runes _outside_ components, for example to share some global state. -The `` components in this exercise are all importing the `counter` object from `shared.js`. But it's a normal object, and as such nothing happens when you click the buttons. Wrap the object in `$state(...)`: +The `` components in this exercise are all importing the `counter` object from `shared.js`. But it's a normal object, and so nothing happens when you click the buttons. Wrap the object in `$state(...)`: ```js /// file: shared.js