{store.remaining} left
{/* computed, unwrapped */}\n{store.user?.name}
; // β¦the render only reads\n});\n```\n\n## Server-side rendering\n\n`ssrState()` transfers a store's state from the server render to client\nhydration β fetch/compute once on the server, never refetch in the browser:\n\n```ts\nimport { defineStore } from '@sigx/store';\nimport { ssrState } from '@sigx/store/ssr';\n\nconst useCart = defineStore('cart', (ctx) => {\n const { state, signals, patch } = ctx.defineState({ items: [] as string[], total: 0 });\n ssrState(ctx, { state, patch }); // β one line\n return { ...signals };\n});\n```\n\n- **Server**: the slice serializes into the page's `window.__SIGX_ASYNC__`\n blob under `store:cart` β emitted automatically by `renderDocument`\n (or `createSSR({ plugins: [stateSerializationPlugin()] })`). Serialization\n happens at emit time, so state mutated during the request ships with final\n values, and a store first resolved below a streamed boundary ships in that\n boundary's chunk rather than being dropped.\n- **Client**: the store seeds from the blob as one atomic `patch()`, and the\n entry **stays** β every instance of the store created in that client runtime\n seeds from it, each with its own structural copy. Returns `{ hydrated }` if\n you need to know. Rich values (`Date`, `Map`, `Set`, `BigInt`) round-trip:\n the read goes through core's blob accessors, so store seeds get the same\n codec `useData` and `@sigx/cache` do. (The per-instance copy uses\n `structuredClone`, which preserves them. On a runtime without it, a value\n JSON cannot represent exactly is shared by reference rather than flattened β\n with a dev warning, since a mutation in one instance would then reach the\n others.)\n- `pick: ['items']` limits which keys cross the wire.\n- `scope: 'instance'` makes the seed consume-once instead β a later instance\n starts from defaults. Use it when the transferred state belongs to one store\n instance rather than to the runtime as a whole. The default (`'shared'`) is\n what a locale + catalogs, a theme, a session or a feature-flag set wants:\n under `@sigx/ssr-islands` each island root is its own client component tree,\n and under `@sigx/resume` each separately-upgraded boundary can be β with\n consume-once, everything after the first hydrates from defaults.\n- Composes with `persist()`: call `ssrState` first β persist's hydration\n then overrides with device-local data when present.\n\nRequires `sigx`/`@sigx/server-renderer` on the `1.x` core line on the\nserver β matching the range this package peers on for\n`@sigx/reactivity`/`@sigx/runtime-core` in its `peerDependencies` (`^1.0.0`);\nfrom core 1.0 minors are additive, and the one installed copy of core is the\napp's to choose. This module itself has no server-renderer dependency β pure\nstores stay pure.\n\n## License\n\n[MIT](https://github.com/signalxjs/store/blob/main/LICENSE)\n","readmeFilename":"README.md"}