Count: ${() => count.value}
\n \n `;\n}\n\nfunction UserPage(): NixTemplate {\n const router = nixRouter();\n return html`Clock: ${() => this.time.value}
`;\n }\n}\n\n// --- Router ---\n\nconst router = createRouter([\n { path: \"/\", component: () => HomePage() },\n { path: \"/user/:id\", component: () => UserPage() },\n]);\n\n// --- App shell (function component) ---\n\nfunction App(): NixTemplate {\n return html`\n \n ${new Clock()}\n ${new RouterView()}\n `;\n}\n\nmount(App(), \"#app\", { router });\n```\n\n## What's Included\n\nEverything ships in a single zero-dependency import:\n\n| Category | APIs |\n|---|---|\n| **Reactivity** | `signal`, `computed`, `effect`, `batch`, `watch`, `untrack`, `nextTick` |\n| **Templates** | `` html` ` ``, `repeat`, `ref`, `portal`, `transition`, `showWhen` |\n| **Components** | `NixTemplate` (function components), `NixComponent` (lifecycle class), `mount`, children & named slots |\n| **Router** | `createRouter`, `RouterView`, `Link`, `nixRouter`, `RouterKey`, guards, nested routes, named routes (`name` + `navigate({ name })`), `mount(..., { router })` |\n| **Forms** | `nixField`, `createForm`, `nixFieldArray`, built-in validators, programmatic value setting, Zod/Valibot interop |\n| **State** | `createStore`, `provide`, `inject`, `createInjectionKey` |\n| **Async** | `suspend` (with `invalidate` for re-fetching), `lazy` |\n| **Error handling** | `createErrorBoundary` |\n\n## Server-side rendering & hydration (v3)\n\n```bash\nnpm install @deijose/nix-js\n```\n\n```typescript\nimport { renderToString, renderToChunks, createServerRenderScope } from \"@deijose/nix-js/server\";\nimport { hydrate } from \"@deijose/nix-js/hydrate\";\nimport { raw } from \"@deijose/nix-js\";\n```\n\n- DOM-free SSR (`renderToString`), incremental streaming (`renderToChunks`) and\n isolated render scopes (`createServerRenderScope`).\n- Real hydration over existing SSR DOM: preserves nodes, focus, input state and\n scroll; keyed `repeat()` lists are adopted without recreating nodes.\n- Render protocols (`renderServer` / `mountDom` / `hydrateDom`) and `raw()` for\n explicit trusted HTML.\n- Minified with Oxc; validated by `npm run test:artifact`.\n\n## Documentation\n\n## Query Package\n\n`createQuery` and query cache utilities now live in `@deijose/nix-query`.\n\n```bash\nnpm install @deijose/nix-query\n```\n\nFull API reference, guides, and examples:\n\n**→ [github.com/DeijoseDevelop/nix-js](https://github.com/DeijoseDevelop/nix-js)**\n\n## License\n\nMIT\n","readmeFilename":"README.md"}