How to listen to all changes to a store?

[Daniel-Khodabakhsh]

Consider a use-case where a store needs to be processed as a whole whenever any change is made to it. To make it support batching, my idea was to use a createEffect. The initial firing should also be avoided so I'm using createEffect(on(..., { defer: true })).

I'm able to achieve this by listening to JSON.stringify(store) because stringify deeply interacts with store.

createEffect(on(
  () => JSON.stringify(store),
  (s) => console.log(`JSON.stringify(store): ${s}`),
  { defer: true }
));

Here's a playground I setup with a few createEffects under the store.tsx file.

Is there a more succinct way of doing this? Using JSON.stringify feels a bit too hacky.

[atk]

Simply wrap the setter. If that's not possible, use @solid-primitives/deep.

[Daniel-Khodabakhsh]

Thanks!

Unfortunately wrapping the setters in this case is not a good idea because it is not batch friendly: there would be multiple processing calls (you're suggesting wrapping the setters such that they trigger the processing right?)

Looks like @solid-primitives/deep has exactly what I need though! Thank you 👍

[atk]

You can use a void signal in the wrapper and debounce or throttle it in order to batch updates manually. Have a look at the scheduled package of solid-primitives.