📄 tanstack/query/v4/docs/framework/svelte/examples/simple

=================================================================================================================================================================================================================================================================================================================================================================================================

Code ExplorerCode

Interactive SandboxSandbox

public
src
- assets
- lib
- App.svelte
- app.css
- main.ts
- vite-env.d.ts
.gitignore
README.md
index.html
package.json
sandbox.config.json
svelte.config.js
tsconfig.json
tsconfig.node.json
vite.config.ts

svelte

<script lang="ts">
  import { QueryClientProvider, QueryClient } from '@tanstack/svelte-query'
  import Simple from './lib/Simple.svelte'

  const queryClient = new QueryClient()
</script>

<QueryClientProvider client={queryClient}>
  <main>
    <Simple />
  </main>
</QueryClientProvider>


<script lang="ts">
  import { QueryClientProvider, QueryClient } from '@tanstack/svelte-query'
  import Simple from './lib/Simple.svelte'

  const queryClient = new QueryClient()
</script>

<QueryClientProvider client={queryClient}>
  <main>
    <Simple />
  </main>
</QueryClientProvider>

Stable Query Client

Basic

Partners Become a Partner

[###### Want to Skip the Docs?

Query.gg - The Official React Query Course
\

“If you’re serious about *really* understanding React Query, there’s no better way than with query.gg”—Tanner Linsley

Learn More](https://query.gg/?s=tanstack)

You are currently reading v4 docs. Redirect to latest version?

Latest Hide

scarf analytics