I am trying to follow Redux style patterns in my SvelteKit app. I want to the attach logging middleware to my state management.

I understand that store.subscribe has been replaced with $effect rune, however something like:

$effect(() => console.log(myStore))

Would not work since $effect can only be used inside an effect (e.g. during component initialisation).

How can I implement this kind of logging in SvelteKit? Are there any established patterns or mechanisms for achieving this?

I am trying to follow Redux style patterns in my SvelteKit app. I want to the attach logging middleware to my state management.

I understand that store.subscribe has been replaced with $effect rune, however something like:

$effect(() => console.log(myStore))

Would not work since $effect can only be used inside an effect (e.g. during component initialisation).

How can I implement this kind of logging in SvelteKit? Are there any established patterns or mechanisms for achieving this?

• redux
• sveltekit
• svelte-runes

1 Answer 1

You can create independent effects by wrapping the $effect in an $effect.root.
(These also need to be cleaned up manually.)