🚀 TanStack DB 0.5 is here with Query-Driven Sync
Your component's query IS the API call. No custom endpoints. No GraphQL resolvers. Just write your query and DB figures out exactly what to fetch.
Details 🧵👇
Your component's query IS the API call. No custom endpoints. No GraphQL resolvers. Just write your query and DB figures out exactly what to fetch.
Details 🧵👇
November 12, 2025 at 10:08 PM
🚀 TanStack DB 0.5 is here with Query-Driven Sync
Your component's query IS the API call. No custom endpoints. No GraphQL resolvers. Just write your query and DB figures out exactly what to fetch.
Details 🧵👇
Your component's query IS the API call. No custom endpoints. No GraphQL resolvers. Just write your query and DB figures out exactly what to fetch.
Details 🧵👇
𝗡𝗲𝘄 𝗿𝗲𝗹𝗲𝗮𝘀𝗲: @tanstack.com DB x PowerSync 🌴 🔥
The @tanstack/powersync-db-collection brings offline persistence, realtime multi-tab + backend sync, and automatic conflict resolution to TanStack DB.
And you get TanStack DB’s super reactive client-store and query engine!
The @tanstack/powersync-db-collection brings offline persistence, realtime multi-tab + backend sync, and automatic conflict resolution to TanStack DB.
And you get TanStack DB’s super reactive client-store and query engine!
November 14, 2025 at 7:45 PM
𝗡𝗲𝘄 𝗿𝗲𝗹𝗲𝗮𝘀𝗲: @tanstack.com DB x PowerSync 🌴 🔥
The @tanstack/powersync-db-collection brings offline persistence, realtime multi-tab + backend sync, and automatic conflict resolution to TanStack DB.
And you get TanStack DB’s super reactive client-store and query engine!
The @tanstack/powersync-db-collection brings offline persistence, realtime multi-tab + backend sync, and automatic conflict resolution to TanStack DB.
And you get TanStack DB’s super reactive client-store and query engine!
React made components pure functions: UI = f(state)
TanStack DB brings the same philosophy to data: view = query(collections)
You describe what data you need. DB handles fetching, caching, and updating—even across massive datasets.
TanStack DB brings the same philosophy to data: view = query(collections)
You describe what data you need. DB handles fetching, caching, and updating—even across massive datasets.
November 12, 2025 at 10:08 PM
React made components pure functions: UI = f(state)
TanStack DB brings the same philosophy to data: view = query(collections)
You describe what data you need. DB handles fetching, caching, and updating—even across massive datasets.
TanStack DB brings the same philosophy to data: view = query(collections)
You describe what data you need. DB handles fetching, caching, and updating—even across massive datasets.
Async state made simple 💡TanStack Query brings caching + signals + DI to Angular & beyond.
Arnoud de Vries @arnoud.dev joins The Angular Plus Show to share how data becomes a first-class dependency.
🎧👇
🟢 bit.ly/3XvVJr7
🍎https://bit.ly/4ozoBKZ
Arnoud de Vries @arnoud.dev joins The Angular Plus Show to share how data becomes a first-class dependency.
🎧👇
🟢 bit.ly/3XvVJr7
🍎https://bit.ly/4ozoBKZ
November 12, 2025 at 4:23 PM
Async state made simple 💡TanStack Query brings caching + signals + DI to Angular & beyond.
Arnoud de Vries @arnoud.dev joins The Angular Plus Show to share how data becomes a first-class dependency.
🎧👇
🟢 bit.ly/3XvVJr7
🍎https://bit.ly/4ozoBKZ
Arnoud de Vries @arnoud.dev joins The Angular Plus Show to share how data becomes a first-class dependency.
🎧👇
🟢 bit.ly/3XvVJr7
🍎https://bit.ly/4ozoBKZ
Okay, I noticed that I cannot repro these slow setTimeouts outside of React / TanStack Query.
So I tried to profile this, and apparently setTimeout calls are much (10×) slower if you do them deep within a call stack (eg React’s recursivelyTraversePassiveMountEffects)? bsky.app/profile/did:...
So I tried to profile this, and apparently setTimeout calls are much (10×) slower if you do them deep within a call stack (eg React’s recursivelyTraversePassiveMountEffects)? bsky.app/profile/did:...
Okay, so this is pretty wild: apparently, in Chromium, the deeper you are in the call stack, the slower your `setTimeout()` calls become?
gist.github.com/iamakulov/85...
gist.github.com/iamakulov/85...
November 10, 2025 at 5:06 PM
Okay, I noticed that I cannot repro these slow setTimeouts outside of React / TanStack Query.
So I tried to profile this, and apparently setTimeout calls are much (10×) slower if you do them deep within a call stack (eg React’s recursivelyTraversePassiveMountEffects)? bsky.app/profile/did:...
So I tried to profile this, and apparently setTimeout calls are much (10×) slower if you do them deep within a call stack (eg React’s recursivelyTraversePassiveMountEffects)? bsky.app/profile/did:...
client side the data is in memory inside a shared worker, but we don’t wanna parse 160mb json for every SSR and tanstack query cache prep
October 30, 2025 at 5:51 PM
client side the data is in memory inside a shared worker, but we don’t wanna parse 160mb json for every SSR and tanstack query cache prep
🌴 TanStack/query: github.com/TanStack/query
GitHub - TanStack/query: 🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query. - TanStack/query
github.com
October 30, 2025 at 10:30 AM
🌴 TanStack/query: github.com/TanStack/query
For the `@tanstack/react-query` case I suppose we don't necessarily *need* to care about using the error state (as this is what the result is for), but still curious if there's a general pattern here for converting from Result land back into exception land 😄
October 30, 2025 at 3:13 PM
For the `@tanstack/react-query` case I suppose we don't necessarily *need* to care about using the error state (as this is what the result is for), but still curious if there's a general pattern here for converting from Result land back into exception land 😄
⚡ Every React dev has their go-to way of handling state.
Some love useState, others swear by Zustand or TanStack Query.
But when things scale… your stack tells a story 👀
What’s your favorite way to manage state right now?
useState
Zustand
TanStack Query
Redux Toolkit
#React #Zustand #Nextjs
Some love useState, others swear by Zustand or TanStack Query.
But when things scale… your stack tells a story 👀
What’s your favorite way to manage state right now?
useState
Zustand
TanStack Query
Redux Toolkit
#React #Zustand #Nextjs
October 24, 2025 at 12:15 PM
J-7 ! ⏳
J’ai le plaisir de vous annoncer que je serai au DevFest Nantes avec @cruuzazul.dev dans une semaine en salle Jules Vernes à 11h10 pour vous parler d’un outil que j'aime particulièrement : TanStack Query ! 📣
Nous allons vous presenter ce qui est pour nous, enfin, une bonne gestion d'état 💼
J’ai le plaisir de vous annoncer que je serai au DevFest Nantes avec @cruuzazul.dev dans une semaine en salle Jules Vernes à 11h10 pour vous parler d’un outil que j'aime particulièrement : TanStack Query ! 📣
Nous allons vous presenter ce qui est pour nous, enfin, une bonne gestion d'état 💼
October 9, 2025 at 9:50 AM
J-7 ! ⏳
J’ai le plaisir de vous annoncer que je serai au DevFest Nantes avec @cruuzazul.dev dans une semaine en salle Jules Vernes à 11h10 pour vous parler d’un outil que j'aime particulièrement : TanStack Query ! 📣
Nous allons vous presenter ce qui est pour nous, enfin, une bonne gestion d'état 💼
J’ai le plaisir de vous annoncer que je serai au DevFest Nantes avec @cruuzazul.dev dans une semaine en salle Jules Vernes à 11h10 pour vous parler d’un outil que j'aime particulièrement : TanStack Query ! 📣
Nous allons vous presenter ce qui est pour nous, enfin, une bonne gestion d'état 💼
Just published github.com/danielpza/es...
It enforces queries are not inline in the useQuery hooks in favor of using queryOptions.
Inspired by @tkdodo.eu post about abstracting the queries with queryOptions
#tanstack-query #react-query
It enforces queries are not inline in the useQuery hooks in favor of using queryOptions.
Inspired by @tkdodo.eu post about abstracting the queries with queryOptions
#tanstack-query #react-query
GitHub - danielpza/eslint-plugin-react-query-options
Contribute to danielpza/eslint-plugin-react-query-options development by creating an account on GitHub.
github.com
September 19, 2025 at 2:33 AM
Just published github.com/danielpza/es...
It enforces queries are not inline in the useQuery hooks in favor of using queryOptions.
Inspired by @tkdodo.eu post about abstracting the queries with queryOptions
#tanstack-query #react-query
It enforces queries are not inline in the useQuery hooks in favor of using queryOptions.
Inspired by @tkdodo.eu post about abstracting the queries with queryOptions
#tanstack-query #react-query
I apologize now for how insufferably hyped up I'll be when TanStack Start releases—soon
It's the most impressive web dev stack I've ever seen
Everything you need, packaged into one cohesive, composable set of tools—like react-query integration
Plus superb static typing
It's genuinely next level
It's the most impressive web dev stack I've ever seen
Everything you need, packaged into one cohesive, composable set of tools—like react-query integration
Plus superb static typing
It's genuinely next level
September 17, 2025 at 4:45 PM
I apologize now for how insufferably hyped up I'll be when TanStack Start releases—soon
It's the most impressive web dev stack I've ever seen
Everything you need, packaged into one cohesive, composable set of tools—like react-query integration
Plus superb static typing
It's genuinely next level
It's the most impressive web dev stack I've ever seen
Everything you need, packaged into one cohesive, composable set of tools—like react-query integration
Plus superb static typing
It's genuinely next level
… inválido e o request falhava (minha tentativa de solução era retry, que poderia dar certo se fosse o Tanstack query e não o Apollo, pq precisaria ser global a config), enfim, no fim foi só dar skip até o refresh token agir e o request poder ser feito corretamente, Nice catch do jovem
February 7, 2025 at 2:42 PM
… inválido e o request falhava (minha tentativa de solução era retry, que poderia dar certo se fosse o Tanstack query e não o Apollo, pq precisaria ser global a config), enfim, no fim foi só dar skip até o refresh token agir e o request poder ser feito corretamente, Nice catch do jovem
finally got the user switcher and session state management finished, i always slow myself down by shooting myself in the foot with react
ig next its time to set up tanstack query
ig next its time to set up tanstack query
January 2, 2025 at 7:23 PM
finally got the user switcher and session state management finished, i always slow myself down by shooting myself in the foot with react
ig next its time to set up tanstack query
ig next its time to set up tanstack query
mas tanstack query no front com certeza é o mais usado pq é muito completinho
September 19, 2024 at 4:37 PM
mas tanstack query no front com certeza é o mais usado pq é muito completinho
nice. With epoch-semver, what would you expect a package being currently on v5 to go to next? For example, TanStack Query is on v5.63.0. Does this mean we would now go to v500.63.0 with a bump?
January 9, 2025 at 9:56 AM
nice. With epoch-semver, what would you expect a package being currently on v5 to go to next? For example, TanStack Query is on v5.63.0. Does this mean we would now go to v500.63.0 with a bump?
今日のZennトレンド
[入門] Next.js+Hono+Bunのモノレポ構成で型安全なWebアプリ開発をする
この記事は、Next.js、Hono、Bunを使ったWebアプリ開発の入門ガイドです。
モノレポ構成、HonoのRPC機能による型安全なフロントエンド・バックエンド連携、Zodによるバリデーション、Drizzle ORMによるDB操作、TanStack Queryでのデータフェッチ、Cloudflare Pages/Workersへのデプロイを解説します。
最終的に簡単なTODOアプリを作成できることを目指し、ハンズオン形式で実践的な学習を促します。
[入門] Next.js+Hono+Bunのモノレポ構成で型安全なWebアプリ開発をする
この記事は、Next.js、Hono、Bunを使ったWebアプリ開発の入門ガイドです。
モノレポ構成、HonoのRPC機能による型安全なフロントエンド・バックエンド連携、Zodによるバリデーション、Drizzle ORMによるDB操作、TanStack Queryでのデータフェッチ、Cloudflare Pages/Workersへのデプロイを解説します。
最終的に簡単なTODOアプリを作成できることを目指し、ハンズオン形式で実践的な学習を促します。
[入門] Next.js+Hono+Bunのモノレポ構成で型安全なWebアプリ開発をする
こんにちは、やせです。普段はゆるく個人開発をしている学生です。 はじめに本記事では、Next.js+Hono+Bunを用いて、型安全にWebアプリ開発を行う方法を入門者向けに説明していきます。また、本記事では以下の内容も扱います。ZodやDrizzleを用いて、データベースからフロントエンドまでを型安全に開発することができます。Bun Workspacesを使用したモノレポ構成HonoのRPC機能
zenn.dev
February 23, 2025 at 9:11 AM
今日のZennトレンド
[入門] Next.js+Hono+Bunのモノレポ構成で型安全なWebアプリ開発をする
この記事は、Next.js、Hono、Bunを使ったWebアプリ開発の入門ガイドです。
モノレポ構成、HonoのRPC機能による型安全なフロントエンド・バックエンド連携、Zodによるバリデーション、Drizzle ORMによるDB操作、TanStack Queryでのデータフェッチ、Cloudflare Pages/Workersへのデプロイを解説します。
最終的に簡単なTODOアプリを作成できることを目指し、ハンズオン形式で実践的な学習を促します。
[入門] Next.js+Hono+Bunのモノレポ構成で型安全なWebアプリ開発をする
この記事は、Next.js、Hono、Bunを使ったWebアプリ開発の入門ガイドです。
モノレポ構成、HonoのRPC機能による型安全なフロントエンド・バックエンド連携、Zodによるバリデーション、Drizzle ORMによるDB操作、TanStack Queryでのデータフェッチ、Cloudflare Pages/Workersへのデプロイを解説します。
最終的に簡単なTODOアプリを作成できることを目指し、ハンズオン形式で実践的な学習を促します。
That's an awesome stack! Svelte is a joy to work with - lean yet powerful.
SvelteKit makes full-stack dev a breeze.
And Tailwind + DaisyUI = awesome UIs with minimal effort.
tRPC and TanStack Query are real time-savers.
SvelteKit makes full-stack dev a breeze.
And Tailwind + DaisyUI = awesome UIs with minimal effort.
tRPC and TanStack Query are real time-savers.
November 1, 2024 at 11:29 PM
That's an awesome stack! Svelte is a joy to work with - lean yet powerful.
SvelteKit makes full-stack dev a breeze.
And Tailwind + DaisyUI = awesome UIs with minimal effort.
tRPC and TanStack Query are real time-savers.
SvelteKit makes full-stack dev a breeze.
And Tailwind + DaisyUI = awesome UIs with minimal effort.
tRPC and TanStack Query are real time-savers.
If you were to start a new Next.js project, what would you use for state management?
It's been a fair while since I've worked in React world (cheers, Astro) and I'm wondering if the Tanstack Query + Zustand combo that I last used is still a sensible option in 2025
It's been a fair while since I've worked in React world (cheers, Astro) and I'm wondering if the Tanstack Query + Zustand combo that I last used is still a sensible option in 2025
January 3, 2025 at 1:16 PM
If you were to start a new Next.js project, what would you use for state management?
It's been a fair while since I've worked in React world (cheers, Astro) and I'm wondering if the Tanstack Query + Zustand combo that I last used is still a sensible option in 2025
It's been a fair while since I've worked in React world (cheers, Astro) and I'm wondering if the Tanstack Query + Zustand combo that I last used is still a sensible option in 2025
Wherever ya’ll end up, I hope it’s easy to distinguish the differences. React Query/TanStack is how most people know me and not streaming/drama/news-video. Doesn’t mean we don’t all build great software. I just try to avoid the need for influencer culture and focus on what I love: building OSS.
January 16, 2025 at 3:19 PM
Wherever ya’ll end up, I hope it’s easy to distinguish the differences. React Query/TanStack is how most people know me and not streaming/drama/news-video. Doesn’t mean we don’t all build great software. I just try to avoid the need for influencer culture and focus on what I love: building OSS.
Is anyone at a begginer Javascript/ReactJS stage who would like to practice together?
React
React/Tanstack Query
React
React/Tanstack Query
December 16, 2023 at 6:25 PM
Is anyone at a begginer Javascript/ReactJS stage who would like to practice together?
React
React/Tanstack Query
React
React/Tanstack Query
Sure, you know TanStack as the awesome React-Query framework that is used in 25% of all React apps. But Jack Herrington (@jherr.dev) is coming to #CascadiaJS to show us how it's a LOT more than that. In fact, it may end being your new go-to framework.
#TanStack #JavaScript #WebDev #OpenSource
#TanStack #JavaScript #WebDev #OpenSource
June 2, 2025 at 3:03 PM
Sure, you know TanStack as the awesome React-Query framework that is used in 25% of all React apps. But Jack Herrington (@jherr.dev) is coming to #CascadiaJS to show us how it's a LOT more than that. In fact, it may end being your new go-to framework.
#TanStack #JavaScript #WebDev #OpenSource
#TanStack #JavaScript #WebDev #OpenSource
There's so much you an easily achieve with TanStack Start + Query about how you load data and render content, let me show you some examples
youtu.be/kgw83CziJgM
youtu.be/kgw83CziJgM
SSR, Preloading, Caching and more with TanStack Start + Query
YouTube video by Dev Leonardo
youtu.be
May 5, 2025 at 5:20 PM
There's so much you an easily achieve with TanStack Start + Query about how you load data and render content, let me show you some examples
youtu.be/kgw83CziJgM
youtu.be/kgw83CziJgM
If you don’t want to use tanstack query, I like to bundle this into a useAsyncMemo hook, so that the code isn’t repeated everywhere.
But replacing it with tanstack query will give you caching / reuse, retries, loading statuses, timeouts, etc, which is very handy.
But replacing it with tanstack query will give you caching / reuse, retries, loading statuses, timeouts, etc, which is very handy.
December 1, 2024 at 6:48 PM
If you don’t want to use tanstack query, I like to bundle this into a useAsyncMemo hook, so that the code isn’t repeated everywhere.
But replacing it with tanstack query will give you caching / reuse, retries, loading statuses, timeouts, etc, which is very handy.
But replacing it with tanstack query will give you caching / reuse, retries, loading statuses, timeouts, etc, which is very handy.
見てる: "Does it still make sense to refetch queries on "focus" by default? · TanStack/query · Discussion #4797" https://github.com/TanStack/query/discussions/4797
October 21, 2023 at 1:20 PM
見てる: "Does it still make sense to refetch queries on "focus" by default? · TanStack/query · Discussion #4797" https://github.com/TanStack/query/discussions/4797