Blame: docs/framework/angular/guides/query-keys.md - TanStack/query

TanStack / query UNCLAIMED

🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.

0 0 1 TypeScript

Normal View History Raw

docs(angular-query): add guides (#6530) * docs(angular-query): add guides * docs(angular-query): add mutations guide * docs(angular-query): guides improvements * docs(angular-query): update docs * docs(angular-query): add initial query data guide * add keywords and optimistic updates guide * Replace React specifics with Angular ones 2023-12-16 13:11:39 +01:00			`---`
			`id: query-keys`
			`title: Query Keys`
docs: Fix path in refs field (#6774) 2024-01-26 14:31:25 +11:00			`ref: docs/framework/react/guides/query-keys.md`
docs(angular-query): add guides (#6530) * docs(angular-query): add guides * docs(angular-query): add mutations guide * docs(angular-query): guides improvements * docs(angular-query): update docs * docs(angular-query): add initial query data guide * add keywords and optimistic updates guide * Replace React specifics with Angular ones 2023-12-16 13:11:39 +01:00			`#todo: exhaustive-deps is at least for now React-only`
			`---`

			`[//]: # 'Example'`

			```ts
			`// A list of todos`
			`injectQuery(() => ({ queryKey: ['todos'], ... }))`

			`// Something else, whatever!`
			`injectQuery(() => ({ queryKey: ['something', 'special'], ... }))`
			```

			`[//]: # 'Example'`
			`[//]: # 'Example2'`

			```ts
			`// An individual todo`
			`injectQuery(() => ({queryKey: ['todo', 5], ...}))`

			`// An individual todo in a "preview" format`
			`injectQuery(() => ({queryKey: ['todo', 5, {preview: true}], ...}))`

			`// A list of todos that are "done"`
			`injectQuery(() => ({queryKey: ['todos', {type: 'done'}], ...}))`
			```

			`[//]: # 'Example2'`
			`[//]: # 'Example3'`

			```ts
			`injectQuery(() => ({ queryKey: ['todos', { status, page }], ... }))`
			`injectQuery(() => ({ queryKey: ['todos', { page, status }], ...}))`
			`injectQuery(() => ({ queryKey: ['todos', { page, status, other: undefined }], ... }))`
			```

			`[//]: # 'Example3'`
			`[//]: # 'Example4'`

			```ts
			`injectQuery(() => ({ queryKey: ['todos', status, page], ... }))`
			`injectQuery(() => ({ queryKey: ['todos', page, status], ...}))`
			`injectQuery(() => ({ queryKey: ['todos', undefined, page, status], ...}))`
			```

			`[//]: # 'Example4'`
			`[//]: # 'Example5'`

			```ts
			`todoId = signal(-1)`

			`injectQuery(() => ({`
			`enabled: todoId() > 0,`
			`queryKey: ['todos', todoId()],`
			`queryFn: () => fetchTodoById(todoId()),`
			`}))`
			```

			`[//]: # 'Example5'`
			`[//]: # 'Materials'`
			`[//]: # 'Materials'`