snapshot of https://github.com/TanStack/query.git (main, 2026-09-16; blobs > 131072B omitted)

docs/framework/solid/guides/queries.md

@@ -0,0 +1,97 @@
+---
+id: queries
+title: Queries
+ref: docs/framework/react/guides/queries.md
+---
+
+[//]: # 'SubscribeDescription'
+
+To subscribe to a query in your components, call the `useQuery` function with at least:
+[//]: # 'SubscribeDescription'
+
+[//]: # 'Example'
+
+```tsx
+import { useQuery } from '@tanstack/solid-query'
+
+function App() {
+  const todosQuery = useQuery(() => ({
+    queryKey: ['todos'],
+    queryFn: fetchTodoList,
+  }))
+}
+```
+
+[//]: # 'Example'
+[//]: # 'Example2'
+
+```tsx
+const todosQuery = useQuery(() => ({
+  queryKey: ['todos'],
+  queryFn: fetchTodoList,
+}))
+```
+
+[//]: # 'Example2'
+[//]: # 'Example3'
+
+```tsx
+import { Switch, Match, For } from 'solid-js'
+
+function Todos() {
+  const todosQuery = useQuery(() => ({
+    queryKey: ['todos'],
+    queryFn: fetchTodoList,
+  }))
+
+  return (
+    <Switch>
+      <Match when={todosQuery.isPending}>
+        <span>Loading...</span>
+      </Match>
+      <Match when={todosQuery.isError}>
+        <span>Error: {todosQuery.error.message}</span>
+      </Match>
+      <Match when={todosQuery.isSuccess}>
+        <ul>
+          <For each={todosQuery.data}>{(todo) => <li>{todo.title}</li>}</For>
+        </ul>
+      </Match>
+    </Switch>
+  )
+}
+```
+
+[//]: # 'Example3'
+[//]: # 'Example4'
+
+```tsx
+import { Switch, Match, For } from 'solid-js'
+
+function Todos() {
+  const todosQuery = useQuery(() => ({
+    queryKey: ['todos'],
+    queryFn: fetchTodoList,
+  }))
+
+  return (
+    <Switch>
+      <Match when={todosQuery.status === 'pending'}>
+        <span>Loading...</span>
+      </Match>
+      <Match when={todosQuery.status === 'error'}>
+        <span>Error: {todosQuery.error.message}</span>
+      </Match>
+      <Match when={todosQuery.status === 'success'}>
+        <ul>
+          <For each={todosQuery.data}>{(todo) => <li>{todo.title}</li>}</For>
+        </ul>
+      </Match>
+    </Switch>
+  )
+}
+```
+
+[//]: # 'Example4'
+[//]: # 'Materials'
+[//]: # 'Materials'