Skip to content

Commit 7783a7a

Browse files
LadyBluenotesLadyBluenotes
authored
docs: add community resources page (#9831)
* add community resources page * update link for blog posts * update community resource links * rm vue community section * update old links * fix community resource link
1 parent ddac129 commit 7783a7a

26 files changed

+227
-573
lines changed

‎docs/community-resources.md‎

Lines changed: 194 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,194 @@
1+
---
2+
title: Community Resources
3+
articles:
4+
[
5+
{
6+
title: "TkDodo's Blog Posts",
7+
url: 'https://tkdodo.eu/blog/practical-react-query',
8+
description: 'TkDodo, a maintainer of TanStack Query, writes a series of blog posts about the library. These articles offer general best practices and often present opinionated perspectives on using TanStack Query.',
9+
},
10+
]
11+
media:
12+
[
13+
{
14+
title: 'React Query: It’s Time to Break up with your Global State! – Tanner Linsley',
15+
url: 'https://www.youtube.com/watch?v=seU46c6Jz7E',
16+
description: 'Get the lowdown on “global state” and how React Query can help you fetch, cache and manage your asynchronous data with a fraction of the effort and code that you’re used to',
17+
},
18+
{
19+
title: 'All About React Query (with Tanner Linsley) — Learn With Jason',
20+
url: 'https://www.youtube.com/watch?v=DocXo3gqGdI',
21+
description: 'Learn all about React Query with its creator Tanner Linsley.',
22+
},
23+
{
24+
title: 'Hooks for Fetching with ReactQuery Creator Tanner Linsley aka @tannerlinsley',
25+
url: 'https://www.youtube.com/watch?v=PPvWXbSCtBU',
26+
description: 'Learn how React Query simplifies asynchronous data fetching in React applications.',
27+
},
28+
{
29+
title: 'React Query - Open Source Friday stream with Tanner Linsley from',
30+
url: 'https://www.youtube.com/watch?v=B3cJDT3j19I',
31+
description: 'An Open Source Friday stream featuring Tanner Linsley.',
32+
},
33+
{
34+
title: 'React Query Presentation - Tanner Linsley',
35+
url: 'https://www.youtube.com/watch?v=_ehibado6rU',
36+
description: 'Tanner Linsley gives a talk to Lambda School students about the React Query.',
37+
},
38+
{
39+
title: 'TanStack Query v4 (with Dominik Dorfmeister) — Learn With Jason',
40+
url: 'https://www.youtube.com/watch?v=SPPQm0dvEes',
41+
description: 'Dominik Dorfmeister covering TanStack Query v4.',
42+
},
43+
{
44+
title: 'React Query Exposed by Its Maintainer',
45+
url: 'https://www.youtube.com/watch?v=8-RTNnn9GR8',
46+
description: 'Dominik Dorfmeister explores the less favorable aspects of React Query and situations where it may not be the best fit.',
47+
},
48+
{
49+
title: 'React Query API Design: Lessons Learned - Dominik Dorfmeister',
50+
url: 'https://www.youtube.com/watch?v=l3PxErcKeAI',
51+
description: 'Dominik Dorfmeister walks through some of the API design choices that were made in React Query to get to the DX.',
52+
},
53+
]
54+
utilities:
55+
[
56+
{
57+
title: 'batshit',
58+
url: 'https://github.com/yornaath/batshit',
59+
description: 'A batch manager that will deduplicate and batch requests for a certain data type made within a window',
60+
},
61+
{
62+
title: 'GraphQL Code Generator',
63+
url: 'https://the-guild.dev/graphql/codegen',
64+
description: 'Generate React Query hooks from your GraphQL schema',
65+
},
66+
67+
{
68+
title: 'Http-wizard',
69+
url: 'https://http-wizard.com',
70+
description: 'End-to-end type-safe Fastify API with typeScript magic ✨',
71+
},
72+
73+
{
74+
title: 'Normy',
75+
url: 'https://github.com/klis87/normy',
76+
description: 'Automatic normalization and data updates for data fetching libraries',
77+
},
78+
79+
{
80+
title: 'Orval',
81+
url: 'https://orval.dev/',
82+
description: 'Generate TypeScript client from OpenAPI specifications.',
83+
},
84+
{
85+
title: 'Query Key Factory',
86+
url: 'https://github.com/lukemorales/query-key-factory',
87+
description: 'A library for creating typesafe standardized query keys, useful for cache management in @tanstack/query',
88+
},
89+
90+
{
91+
title: 'React Query Kit',
92+
url: 'https://github.com/liaoliao666/react-query-kit',
93+
description: '🕊️ A toolkit for ReactQuery that makes ReactQuery hooks reusable and typesafe',
94+
},
95+
{
96+
title: 'React Query Rewind',
97+
url: 'https://reactqueryrewind.com/',
98+
description: 'Time travel and visualize state during development',
99+
},
100+
{
101+
title: 'React Query Swagger',
102+
url: 'https://github.com/Shaddix/react-query-swagger',
103+
description: 'Generate React Query hooks based on Swagger API definitions',
104+
},
105+
{
106+
title: 'Suspensive React Query',
107+
url: 'https://suspensive.org/docs/react-query/motivation',
108+
description: 'Enhances React Query with Suspense support, allowing for simpler and more declarative data fetching',
109+
},
110+
{
111+
title: 'tRPC',
112+
url: 'https://trpc.io/',
113+
description: 'End-to-end typesafe APIs made easy',
114+
},
115+
]
116+
others:
117+
[
118+
{
119+
title: 'Atomic CRM',
120+
url: 'https://marmelab.com/atomic-crm/',
121+
description: 'A full-featured CRM built with React, react-admin, and Supabase.',
122+
},
123+
{
124+
title: 'Blitz',
125+
url: 'https://blitzjs.com/',
126+
description: 'The Missing Fullstack Toolkit for Next.js',
127+
},
128+
{
129+
title: 'Connect',
130+
url: 'https://connectrpc.com/docs',
131+
description: 'A family of libraries for building browser and gRPC-compatible HTTP APIs.',
132+
},
133+
{
134+
title: 'Hey API',
135+
url: 'https://heyapi.dev/openapi-ts/plugins/tanstack-query',
136+
description: 'The OpenAPI to TypeScript codegen. Generate clients, SDKs, validators, and more.',
137+
},
138+
{
139+
title: 'Kubb',
140+
url: 'https://www.kubb.dev/',
141+
description: 'Generate SDKs for all your APIs',
142+
},
143+
{
144+
title: 'OpenAPI codegen',
145+
url: 'https://github.com/fabien0102/openapi-codegen',
146+
description: 'A tool for generating code based on an OpenAPI schema.',
147+
},
148+
{
149+
title: 'OpenAPI Qraft React',
150+
url: 'https://github.com/OpenAPI-Qraft/openapi-qraft',
151+
description: 'Generate type-safe API clients and Hooks for TanStack Query directly from OpenAPI Documents.Zero-runtime overhead, Proxy-based design, seamless SSR support, and full TanStack Query functionality.',
152+
},
153+
{
154+
title: 'OpenAPI React Query codegen',
155+
url: 'https://github.com/7nohe/openapi-react-query-codegen',
156+
description: 'Generate TanStack Query hooks based on an OpenAPI specification file.',
157+
},
158+
{
159+
title: 'OpenAPI zod client',
160+
url: 'https://github.com/astahmer/openapi-zod-client',
161+
description: 'Generate a zodios client from an OpenAPI specification',
162+
},
163+
{
164+
title: 'openapi-fetch',
165+
url: 'https://openapi-ts.dev/openapi-react-query/',
166+
description: 'A 2KB min, typesafe fetch wrapper that uses static TypeScript type inference and no runtime checks.',
167+
},
168+
{
169+
title: 'oRPC',
170+
url: 'https://orpc.unnoq.com/docs/integrations/tanstack-query',
171+
description: 'Easy to build APIs that are end-to-end type-safe and adhere to OpenAPI standards.',
172+
},
173+
{
174+
title: 'Rapini',
175+
url: 'https://github.com/rametta/rapini',
176+
description: '🥬 OpenAPI to React Query (or SWR) & Axios',
177+
},
178+
{
179+
title: 'ts-rest',
180+
url: 'https://ts-rest.com/',
181+
description: 'Incrementally adoptable type-safety for your new and existing APIs',
182+
},
183+
{
184+
title: 'wagmi',
185+
url: 'https://wagmi.sh/',
186+
description: 'React Hooks for Ethereum based on @tanstack/react-query',
187+
},
188+
{
189+
title: 'zodios',
190+
url: 'https://www.zodios.org/',
191+
description: 'End-to-end typesafe REST API toolbox',
192+
},
193+
]
194+
---

‎docs/config.json‎

Lines changed: 6 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,11 @@
66
"indexName": "tanstackquery"
77
},
88
"sections": [
9+
{
10+
"label": "Community Resources",
11+
"children": [],
12+
"frameworks": []
13+
},
914
{
1015
"label": "Getting Started",
1116
"children": [],
@@ -29,10 +34,6 @@
2934
"label": "Devtools",
3035
"to": "framework/react/devtools"
3136
},
32-
{
33-
"label": "Videos & Talks",
34-
"to": "framework/react/videos"
35-
},
3637
{
3738
"label": "Comparison",
3839
"to": "framework/react/comparison"
@@ -1012,51 +1013,7 @@
10121013
}
10131014
]
10141015
},
1015-
{
1016-
"label": "Community Resources",
1017-
"children": [],
1018-
"frameworks": [
1019-
{
1020-
"label": "react",
1021-
"children": [
1022-
{
1023-
"label": "TkDodo's Blog",
1024-
"to": "framework/react/community/tkdodos-blog"
1025-
},
1026-
{
1027-
"label": "Community Projects",
1028-
"to": "framework/react/community/community-projects"
1029-
}
1030-
]
1031-
},
1032-
{
1033-
"label": "solid",
1034-
"children": [
1035-
{
1036-
"label": "TkDodo's Blog",
1037-
"to": "framework/solid/community/tkdodos-blog"
1038-
},
1039-
{
1040-
"label": "Community Projects",
1041-
"to": "framework/solid/community/community-projects"
1042-
}
1043-
]
1044-
},
1045-
{
1046-
"label": "vue",
1047-
"children": [
1048-
{
1049-
"label": "TkDodo's Blog",
1050-
"to": "framework/vue/community/tkdodos-blog"
1051-
},
1052-
{
1053-
"label": "Community Projects",
1054-
"to": "framework/vue/community/community-projects"
1055-
}
1056-
]
1057-
}
1058-
]
1059-
},
1016+
10601017
{
10611018
"label": "Examples",
10621019
"children": [],

0 commit comments

Comments
 (0)