docs(community-projects): Add OpenAPI Qraft React to the list of Community Projects

[radist2s]

I'm pleased to introduce OpenAPI Qraft to the Community Projects section!

OpenAPI Qraft is another library that generates type-safe API clients and React Hooks for TanStack Query from OpenAPI Documents. It fully supports TanStack Query functionality and aims to minimize bundle size and improve DX.

Why OpenAPI Qraft stands out:

• No overhead: Provides optimal performance and smaller bundle size.
• Seamless SSR support: Works with Next.js /app directory and anywhere else.
• Excellent TSDoc generation: Detailed documentation with minimal effort.
• Modular and customizable: Probably the most flexible code-generator and API Client.

See here: ⛏︎ OpenAPI Qraft GitHub

[nx-cloud]

View your CI Pipeline Execution ↗ for commit ec44be3.

Command	Status	Duration	Result
nx affected --targets=test:sherif,test:knip,tes...	✅ Succeeded	55s	View ↗
nx run-many --target=build --exclude=examples/*...	✅ Succeeded	32s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-01-29 12:23:29 UTC

[pkg-pr-new]

Open in Stackblitz

More templates

• @tanstack/query-example-angular-auto-refetching
• @tanstack/query-example-angular-basic
• @tanstack/query-example-angular-devtools-panel
• @tanstack/query-example-angular-infinite-query-with-max-pages
• @tanstack/query-example-angular-pagination
• @tanstack/query-example-angular-query-options-from-a-service
• @tanstack/query-example-angular-router
• @tanstack/query-example-angular-rxjs
• @tanstack/query-example-angular-simple
• @tanstack/query-example-react-algolia
• @tanstack/query-example-react-auto-refetching
• @tanstack/query-example-react-basic-graphql-request
• @tanstack/query-example-react-basic
• @tanstack/query-example-react-default-query-function
• @tanstack/query-example-react-devtools-panel
• @tanstack/query-example-react-infinite-query-with-max-pages
• @tanstack/query-example-react-load-more-infinite-scroll
• @tanstack/query-example-react-nextjs
• @tanstack/query-example-react-nextjs-app-prefetching
• @tanstack/query-example-nextjs-suspense-streaming
• @tanstack/query-example-react-offline
• @tanstack/query-example-react-optimistic-updates-cache
• @tanstack/query-example-react-optimistic-updates-ui
• @tanstack/query-example-react-pagination
• @tanstack/query-example-react-playground
• @tanstack/query-example-react-prefetching
• @tanstack/query-example-react-react-native
• @tanstack/query-example-react-router
• @tanstack/query-example-react-rick-morty
• @tanstack/query-example-react-shadow-dom
• @tanstack/query-example-react-simple
• @tanstack/query-example-react-suspense
• @tanstack/query-example-react-star-wars
• @tanstack/query-example-solid-astro
• @tanstack/query-example-solid-basic
• @tanstack/query-example-solid-default-query-function
• @tanstack/query-example-solid-basic-graphql-request
• @tanstack/query-example-solid-simple
• @tanstack/query-example-solid-start-streaming
• @tanstack/query-example-svelte-auto-refetching
• @tanstack/query-example-svelte-basic
• @tanstack/query-example-svelte-optimistic-updates
• @tanstack/query-example-svelte-playground
• @tanstack/query-example-svelte-load-more-infinite-scroll
• @tanstack/query-example-svelte-simple
• @tanstack/query-example-svelte-ssr
• @tanstack/query-example-svelte-star-wars
• @tanstack/query-example-vue-2.6-basic
• @tanstack/query-example-vue-2.7-basic
• @tanstack/query-example-vue-basic
• @tanstack/query-example-vue-dependent-queries
• @tanstack/query-example-vue-nuxt3
• @tanstack/query-example-vue-persister
• @tanstack/query-example-vue-simple

@tanstack/angular-query-devtools-experimental

npm i https://pkg.pr.new/@tanstack/angular-query-devtools-experimental@8588

@tanstack/angular-query-experimental

npm i https://pkg.pr.new/@tanstack/angular-query-experimental@8588

@tanstack/eslint-plugin-query

npm i https://pkg.pr.new/@tanstack/eslint-plugin-query@8588

@tanstack/query-async-storage-persister

npm i https://pkg.pr.new/@tanstack/query-async-storage-persister@8588

@tanstack/query-broadcast-client-experimental

npm i https://pkg.pr.new/@tanstack/query-broadcast-client-experimental@8588

@tanstack/query-core

npm i https://pkg.pr.new/@tanstack/query-core@8588

@tanstack/query-devtools

npm i https://pkg.pr.new/@tanstack/query-devtools@8588

@tanstack/query-persist-client-core

npm i https://pkg.pr.new/@tanstack/query-persist-client-core@8588

@tanstack/query-sync-storage-persister

npm i https://pkg.pr.new/@tanstack/query-sync-storage-persister@8588

@tanstack/react-query

npm i https://pkg.pr.new/@tanstack/react-query@8588

@tanstack/react-query-devtools

npm i https://pkg.pr.new/@tanstack/react-query-devtools@8588

@tanstack/react-query-next-experimental

npm i https://pkg.pr.new/@tanstack/react-query-next-experimental@8588

@tanstack/solid-query

npm i https://pkg.pr.new/@tanstack/solid-query@8588

@tanstack/solid-query-devtools

npm i https://pkg.pr.new/@tanstack/solid-query-devtools@8588

@tanstack/solid-query-persist-client

npm i https://pkg.pr.new/@tanstack/solid-query-persist-client@8588

@tanstack/svelte-query

npm i https://pkg.pr.new/@tanstack/svelte-query@8588

@tanstack/react-query-persist-client

npm i https://pkg.pr.new/@tanstack/react-query-persist-client@8588

@tanstack/svelte-query-devtools

npm i https://pkg.pr.new/@tanstack/svelte-query-devtools@8588

@tanstack/svelte-query-persist-client

npm i https://pkg.pr.new/@tanstack/svelte-query-persist-client@8588

@tanstack/vue-query

npm i https://pkg.pr.new/@tanstack/vue-query@8588

@tanstack/vue-query-devtools

npm i https://pkg.pr.new/@tanstack/vue-query-devtools@8588

commit: ec44be3