chore: wip

content/posts/svelte-5/index.md

@@ -71,4 +71,34 @@ New:
 <p>Hello, {nameToDisplay}</p>
 ```
 
+### $effect()
+
+Something to avoid, since we have [`$derived()`](<#$derived()>), but here is a simple example if we want to trigger a side effect (e.g. logging).
+
+Old:
+
+```svelte
+<script>
+	let name = 'world'
+	$: {
+		console.log("Name changed: ", name)
+	}
+</script>
+
+<input bind:value={name} />
+<p>Hello, {name}</p>
+```
+
+New:
+
+```svelte
+<script>
+	let name = $state('world')
+	$effect(()=> console.log("Name changed: ", name))
+</script>
+
+<input bind:value={name} />
+<p>Hello, {name}</p>
+```
+
 ## Snippets