Running disabled mode logic immediately

[jhaemin]

I need to reset atoms right after the components that using the atoms are unmounted.

However, according to the documentation, it looks like there is no way to run disabled mode immediately.

import { onMount } from 'nanostores'

onMount($profile, () => {
  // Mount mode
  return () => {
    // Disabled mode
  }
})

For performance reasons, store will move to disabled mode with 1 second delay after last listener unsubscribing.

So due to the delay, when a user re-enters the page within a second, the UI states stay the same.

Of course I can simply achieve it with useEffect's cleanup function, but I don't want to mess with the idea Designed to move logic from components to stores..

If you guys have any better ideas or there are any options that I'm missing, please let me know.

[ai]

Use onStop to run immediately when the last listeners unsubscribed:

import { onStop } from 'nanostores'

onStop($profile, () => {
  // No subscribers
})

See also: https://github.com/nanostores/nanostores?tab=readme-ov-file#store-events

[jhaemin]

@ai Thanks!

[ai]

Maybe we can mention onStop more in docs to improve it discoverability. Please, send PR.