\n {$highlights.length} highlights seen\n
\n\n\n {$nostrHighlightsAndReposts.length} nostr highlights (including reposts)\n
\n```\n\n## Reference Counting with ref/unref\n\nNDK-svelte introduces a reference counting mechanism through the ref and unref methods on the stores. This system is particularly useful for optimizing the lifecycle of subscriptions in components that might be frequently mounted and unmounted.\n\n### Benefits:\n\n- **Optimized Lifecycle**: Instead of starting a new subscription every time a component mounts, and ending it when it unmounts, you can reuse an existing subscription if another component is already using it.\n\n- **Resource Efficiency**: By preventing redundant subscriptions, you save both network bandwidth and processing power.\n\n- **Synchronization**: Ensures that multiple components referencing the same data are synchronized with a single data source.\n\n### How to use:\n\nWhenever you subscribe to a store in a component, call ref to increment the reference count:\n\n```typescript\n// lib/stores/highlightsStore.ts\nconst highlightsStore = $ndk.storeSubscribe(..., { autoStart: false } });\n\n// component 1\n\n\n{$highlightsStore.length} highlights seen\n```\n\nYou can mount this component as many times as you want, and the subscription will only be started once. When the last component unmounts, the subscription will be terminated.\n\n# Notes\n\nIf you are interested in NDK and Svelte you might want to checkout the\n[ndk-svelte-components](https://github.com/nostr-dev-kit/ndk-svelte-components) package\nwhich provides some components to make it easier to build nostr apps with Svelte.\n\n# Authors\n\n- [@pablof7z](https://njump.me/npub1l2vyh47mk2p0qlsku7hg0vn29faehy9hy34ygaclpn66ukqp3afqutajft)\n","readmeFilename":"README.md"}