Open Source Software for the modern web, apps, and AI
Earth
- Tweets 513
- Following 103
- Followers 63,362
- Likes 3,029
TanStack DB is now in BETA!
We’ve been working on TanStack DB, an embedded, reactive client database for TanStack Query, and are proud to announce today that with the 0.1 release that it's now in BETA!
38
123
1,142
274,628
🚀 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 🧵👇
40
77
749
237,377
One of our most commonly requested features in TanStack Form was the ability to not run validation until the first submission, then validate on change afterwards.
This new `onDynamic` API enables this functionality.
Add one line of code, change the validator, and you're done 🤯
Today's the day!
We're releasing a new major feature of @tan_stack Form for all adapters that allows you to change the validation mode based on submission.
(For React nerds that's how RHF works OOTB)
No breaking changes, trivial to implement; try it out!
ALT Standard schema support with onDynamic to change validation type on submit
3
29
445
40,299
🎉 @Cloudflare and @Netlify have been so great to work with. They care so much about the web and we're honored that they consider us a critical part of their vision. With their support, our Q4 is going to be 🔥
With support from our friends at @Netlify & @Webflow, we’re proud to back two essential open-source projects: @Astrodotbuild (for creating high-performance content sites) and @tan_stack (for building dynamic, complex web apps). We believe building the future of the web, together, and can’t wait to see what you build!
11
20
399
56,936
We've been humbled by the immense support @Netlify has given us over the last year and now together with @Cloudflare, the sky's the limit on what we can do for the web community.
Keep your 👀 on the skies. UI/DX upgrades incoming.
At Netlify we’ve taken on the “Preferred deployment partner” sponsorships for both @astrodotbuild and @tan_stack over the last years, but today we’re genuinely excited to have @Cloudflare join us and drop any notion of preferred labels.
Open source thrive when we can all invest together across the industry and across competitive barriers, and these projects will lift the whole open web if well funded.
Hope more partners will join in and help grow the open web ecosystem.
3
10
279
36,326
This query:
useLiveQuery(q =>
q.from({ todos })
.where(eq(status, 'active'))
)
Automatically becomes:
GET /api/todos?status=active
No backend changes needed. Your queries become the API.
4
12
226
61,255
Want better tables in @solid_js? 💡
🎉 @tanstack/solid-table is a brand new v8 (alpha) adapter contributed by @Mokshit06 that delivers the *exact* same feature set as #ReactTable, but for @solid_js.
Let us know what you think!
4
10
106
#ReactTable update: All but row selection and column resizing is implemented and working. New monolith package size is ~11kb which confirms that the shared code between features is massive and is getting compressed really well. Performance is similar to v7, maybe better.
4
4
93
Blog post tanstack.com/blog/tanstack-d…
1
3
82
17,040
We're targeting 1.0 for December 2025.
npm install @tanstack/react-db@0.5.0
Try it and share feedback in Discord or GitHub!
4
74
12,975
#ReactTable v8 alpha updates:
- Row expansion
- Expansion Example
- Grouping/Aggregation Example
- Better filter performance
- Better grouping performance
- General bug fixes
1
3
75
TanStack DB plugs into your existing TanStack Query useQuery calls and uses Differential Dataflow to incrementally recompute only what changed, so updates stay sub-millisecond even with 100k rows. Live queries, optimistic updates with automatic rollback, and streaming joins
2
3
67
15,144
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.
1
67
12,616
A new alpha build of #ReactTable v8 is now available with:
- Row Selection
- Pagination
Go give it a try!
npm i @tanstack/react-table@alpha
github.com/tanstack/react-ta…
2
6
63
0.5 adds 3 sync modes for different use cases:
- Eager: Load everything upfront (<10k rows)
- On-demand: Load only what queries need (>50k rows, search)
- Progressive: Load subset now, sync full dataset in background (collaborative apps)
2
62
13,553
TanStack DB works with REST, GraphQL, WebSockets, and shines with sync engines like ElectricSQL or Firebase, letting you load large, normalized collections once and stream real-time changes into the client without manual bookkeeping.
2
2
56
11,355
The #ReactTable v0.0.1-alpha version (yes 0.0.1) is now available! It's fully typed, but no docs yet. The source repo is available to view for sponsorships at the🎗Supporters tier or higher.
🤨 0.0.1? Yes! We're scoping to @ tanstack now!
npm i @tanstack/react-table@alpha
1
3
51
Using more than one TanStack devtool? Here's a quick trick to get their toggles to play nice together:
4
48
Designed for your existing REST, GraphQL, or tRPC APIs. No backend migration.
Bonus: Works with sync engines (@ElectricSQL , @trailbase_io , @powersync_) for real-time updates with near-zero incremental network cost.
2
46
9,598
Web starter with TanStack Start: github.com/TanStack/db/tree/…
Mobile starter with Expo: github.com/electric-sql/elec…
1
44
17,457
Multiple components, same query? ONE network request.
Complex joins? Minimal batched requests.
Already-loaded rows? Reused automatically.
Fewer total requests than custom APIs, with better cache utilization.
1
45
10,342
Differential dataflow recomputes only what changed.
Mark a todo complete? Query results update in <1ms—even with 100k+ rows in memory.
No jitter. No loading states. Just instant updates.
1
42
11,624
#ReactLocation's npm packages are now located under the new tanstack npm namespace!
- @ tanstack/react-location
- @ tanstack/react-location-devtools
- Etc..
One more repo done, several more to go!
2
35
Surprise! We now have official merch! Shirts, sweatshirts, tanks and onesies for now, but hopefully more coming soon.
Everything is non-profit (at-cost via @cottonbureau), and comes in a ton of colors, sizes and styles!
Link is in the 🧵, relax and enjoy!
2
5
32
14,543
First query: ~100ms with targeted network request
Meanwhile: Full dataset syncs in background After sync: ALL queries run in <1ms client-side
Fast first paint + instant everything else.
1
32
9,187
#ReactLocation's documentation search is finally working again. Search away!
react-location.tanstack.com
5
31
#ReactVirtual's @github repo just made the move to the TanStack org! 🎉
Also a heads up that the next major version of react-virtual will be scoped to @ tanstack/react-virtual 😜
github.com/tanstack/react-vi…
1
4
29
If you are TanStack Sponsor with🎗️ Supporter level or higher, you can now access the React Table v8 repository!
An alpha release (react-table-next) will be out soon!
Oh, and it has a new home at the TanStack Github Org. Come check it out sponsors! 😃
github.com/TanStack/react-ta…
1
2
27
#ReactLocation just got a nice new patch release:
- fix: Routes with 2+ nesting levels states now properly cascade nested pending states
- fix: Routes with async elements but no loader/import can now trigger a pending state
Route on! 👍
react-location.tanstack.com
1
3
23
A really tasty treat from @TkDodo, one of our core maintainers, about the new network modes coming to React Query v4! 🎉
📫 It's been over 3 months since my last react-query blog post, so here is a new one. v4 is around the corner, and the brand new networkMode is an exciting feature:
tkdodo.eu/blog/offline-react…
2
21
#ReactLocation v3.5.0:
- `hash: true` allows url hash retention on navigation destinations
- Initial location state is verified to include any searchFilter logic and replaced in a layout effect if it produces different locations.
github.com/TanStack/react-lo…
1
22
A new patch version of #ReactLocation is now available which is worth mentioning here. Mainly, we improved the way cascading loading-vs-pending states work, so you can now render synchronous wrapper elements who's child routes also suspend until resolved or pendingMs hits.
1
20
After fighting semantic-release, we finally rolled back a breaking change in #ReactVirtual that happened in 2.10.0. Everything should be fine now from 2.10.3 forward.
Also, expect a new major version soon with native @typescript support and a host of other features!
1
17
Since moving @Tan_Stack Router back to fine-grained reactivity, our app's route components are now only updating if the exact state they rely on actually changes. I did a quick test on our `basic` example by navigating around and logging in every single component when it renders:
😍😍😍
This extends to all of the exported hooks as well for things like useMatch, useParams, useSearch, etc, so you can take this even further in your own code by using selectors, which are built-in to every primitive hook we have, e.g.
Now if only we could get fine-grained at the JSX level... Here's lookin' at you @solidjs 🥂
14
6,169
Because it’s taught from the perspective of @tanstack/react-query. All of the lessons are portable knowledge to the other adapters though.
8
1,198
Ahhhhhhh Cotton Bureau FTW!!!!🤭
“Just Relax” is headless (armless and bodyless), but you can change that 😉.
By @Tan_Stack
cottonbureau.com/p/SEASNG/sh…
1
15
9,580
Header, column, row, and cell models are all stable, including their methods and properties (not all are in v7 🙄)
Still need:
- Migrate, improve tests
- Migrate half of examples
- Migrate docs
- Migration guide
- Plug-in migration guide
14
Don’t miss this!
📣 Just Scheduled! 📣
State management is hard. @tan_stack Query aims to take the pain out of data fetching, caching, parallelization, and much more. Maintainer @TkDodo will teach us all about it.
⬇️ Details Here ⬇️
learnwithjason.dev/tanstack-…
1
11
This is what we call "Nozzle Vision" in @Nozzleio and between you and me, it's 🔥
- SERP comparison over time
- Display n/1000's of metrics on each result
- Synced Scrolling/Zoom
- Mini-map, colored by rank group
- Full Text Seach w/ Highlighting
- Fold/CTR annotations
10
6,084
#ReactTable will also feature opt-in and replaceable filter/sort/group/expand implementations (much like a plugin, but more granular). More importantly, they are treeshakeable, which cuts 2-3kb if you are doing all of that server-side anyway.
8
Bonus: The docs around search param encoding/decoding offer way better advice around base64 encoding + non-UTF8 chars 🎉
2
6
I think the chance should be removed from this question. @typescript, let’s get an official syntax for this. It’s super annoying when using systems that rely on it.
Probably a pipe dream.
But what's the chance we could have a way to tell TypeScript a function is a getter. Object getters are already treated like values even though they are functions. There are some compositional benefits of using functions over objects.
1
6
3,776
tanstack.com/merch
P.S. Thanks for the referral @kentcdodds!
1
5
1,640
Wahoo!!! 🎉
🏆 Top New Tools of 2021:
1) @FastAPI
2) @github Copilot
3) @figma FigJam
4) @LogTailHQ
5) @CoderHQ
6) Charts.css (by @RamiYushuvaev)
7) Counter (by @NaiveTeamHQ)
8) React Query (by @tannerlinsley)
9) @code.dev
10) @bookstack_app
stackshare.io/posts/top-deve…
#StackShareAwards
4
Nope. It's our own tree component. We also use it in #ReactQuery and #ReactLocation devtools.
2
Hmm that means your parent component is actually remounting and AFAIK, react router doesn’t do that. Might want to check your .map() keys everywhere and also look for any components being created during render and either extract them or memoize them.
2
83
The ability to control some or all of the state is optional, which is why the table works fine without those options. The state just gets auto managed inside of the table if you don’t control it.
1
2
It exposes the entire table API, row models at varying data manipulation stages, column models, header models. While you might be able to find all of this information with a console log or a very deep dive into the react devtools component/hook state, this is way better.
1
Here is the correct page. Where do you find this link? tanstack.com/table/v8/docs/g…
1
Not right now, but you're more than welcome to vendor it from here:
github.com/tannerlinsley/rea…