Loading...
`}\n ${() => this.q.status.value === \"error\" && html`Error
`}\n ${() =>\n this.q.status.value === \"success\" &&\n html`${() => JSON.stringify(this.q.data.value, null, 2)}`}\n `;\n }\n}\n\n```\n\n### Reactive Params (auto-refetch)\n\nPass `params` to derive the cache key from reactive signals. Read any signals\ninside the function: whenever they change, the query recomputes its key and\nrefetches automatically. Each distinct params value is cached independently,\nso revisiting previous params serves cached data instantly.\n\n```ts\nimport { signal } from \"@deijose/nix-js\";\nimport { createQuery } from \"@deijose/nix-query\";\n\nconst search = signal(\"\");\nconst page = signal(1);\n\nconst posts = createQuery(\n \"posts\",\n // The fetcher receives the current params.\n ({ q, page }) =>\n fetch(`/api/posts?q=${encodeURIComponent(q)}&page=${page}`).then((r) => r.json()),\n {\n params: () => ({ q: search.value, page: page.value }),\n staleTime: 30_000,\n }\n);\n\n// Changing any tracked signal triggers an automatic refetch under a new key.\nsearch.value = \"nix\";\n```\n\nNotes:\n\n- The effective cache key is `key::