TanStack Profile Banner
TanStack Profile
TanStack

@tan_stack

Followers
22,825
Following
77
Media
4
Statuses
309

🌎 Open Source Software for the Web👨🏽‍💻TypeScript 👻 Headless ⚒️ Query, Router, Table, Virtual, Form

Utah, USA
Joined December 2021
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
@tan_stack
TanStack
2 years
A little preview of the #ReactTable devtools!
Tweet media one
7
9
138
@tan_stack
TanStack
2 years
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
110
@tan_stack
TanStack
1 year
Ship. Win. Then get that tan 🏝️
3
5
108
@tan_stack
TanStack
2 years
#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.
5
4
99
@tan_stack
TanStack
7 months
At your service!
Tweet media one
1
3
91
@tan_stack
TanStack
2 years
#ReactTable v8 alpha updates: - Row expansion - Expansion Example - Grouping/Aggregation Example - Better filter performance - Better grouping performance - General bug fixes
2
3
77
@tan_stack
TanStack
2 years
We need a new l o g o… 🤔
9
1
59
@tan_stack
TanStack
2 years
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
55
@tan_stack
TanStack
2 years
Using more than one TanStack devtool? Here's a quick trick to get their toggles to play nice together:
Tweet media one
0
4
50
@tan_stack
TanStack
1 year
Our l0go is out of date both from a design and technical perspective. 🤔
8
1
46
@tan_stack
TanStack
2 years
#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!
0
2
38
@tan_stack
TanStack
9 months
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!
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
6
37
@tan_stack
TanStack
4 months
@lioneagle_ Maybe this year…
2
0
35
@tan_stack
TanStack
2 years
#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 😜
1
4
29
@tan_stack
TanStack
2 years
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! 😃
1
2
28
@tan_stack
TanStack
2 years
#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! 👍
1
3
26
@tan_stack
TanStack
2 years
A really tasty treat from @TkDodo , one of our core maintainers, about the new network modes coming to React Query v4! 🎉
@TkDodo
Dominik 🔮
2 years
📫 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:
9
24
149
0
2
23
@tan_stack
TanStack
2 years
#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.
1
0
22
@tan_stack
TanStack
2 years
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.
0
1
21
@tan_stack
TanStack
2 years
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!
0
1
17
@tan_stack
TanStack
4 months
Help! My creator is hungry and I fear if he doesn’t eat soon, I may not be a priority for much longer.
@tannerlinsley
Tanner Linsley
4 months
Yes hello I’d like to order a double barrel J Dawg please extra onions, extra sauce and a smidgen of mayo.
Tweet media one
6
0
19
3
1
17
@tan_stack
TanStack
9 months
Ahhhhhhh Cotton Bureau FTW!!!!🤭
@cottonbureau
Cotton Bureau
9 months
“Just Relax” is headless (armless and bodyless), but you can change that 😉. By @Tan_Stack
Tweet media one
0
0
4
0
1
15
@tan_stack
TanStack
5 months
@tannerlinsley
Tanner Linsley
5 months
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:…
Tweet media one
Tweet media two
Tweet media three
10
28
295
0
1
15
@tan_stack
TanStack
2 years
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
0
0
14
@tan_stack
TanStack
1 year
Don’t miss this!
@LWJShow
Learn With Jason
1 year
📣 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 ⬇️
9
15
177
0
1
13
@tan_stack
TanStack
2 years
@abevince_dev The migration from v3 to v4 will be very minimal. Proceed!
1
0
13
@tan_stack
TanStack
8 months
@tannerlinsley Did we mention it’s type-safe? 😘
1
0
11
@tan_stack
TanStack
1 year
💋💋💋
@tannerlinsley
Tanner Linsley
1 year
Query and Router sittin’ in a tree… 🏝️
13
0
132
0
0
10
@tan_stack
TanStack
2 years
#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.
0
0
10
@tan_stack
TanStack
6 months
@tannerlinsley
Tanner Linsley
6 months
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
2
2
55
0
1
10
@tan_stack
TanStack
8 months
❤️
0
0
7
@tan_stack
TanStack
1 year
@alexdotjs Allow me… 🏗️
0
0
8
@tan_stack
TanStack
10 months
Hey that’s me!
@tannerlinsley
Tanner Linsley
10 months
I’m on Threads as TannerLinsley and Tan_Stack. So far so good!
0
0
13
0
0
7
@tan_stack
TanStack
1 year
0
0
7
@tan_stack
TanStack
2 years
Bonus: The docs around search param encoding/decoding offer way better advice around base64 encoding + non-UTF8 chars 🎉
2
0
6
@tan_stack
TanStack
1 year
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.
@RyanCarniato
Ryan Carniato
1 year
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.
6
0
42
0
1
6
@tan_stack
TanStack
1 year
@AlexMachin97 You can remove things from npm. We made a patch release to v3 with a deprecation notice.
3
0
6
@tan_stack
TanStack
9 months
P.S. Thanks for the referral @kentcdodds !
1
0
5
@tan_stack
TanStack
2 years
@PhilippDallmann @MALTE1337 Oof we have a lot of work to do!
0
0
4
@tan_stack
TanStack
2 years
Wahoo!!! 🎉
@stackshareio
StackShare
2 years
🏆 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 #StackShareAwards
Tweet media one
4
53
279
0
0
4
@tan_stack
TanStack
2 years
@webkoder @m0narch_dev Working on a fix!
0
0
4
@tan_stack
TanStack
1 year
@hakanderyal @tannerlinsley @vyrotek If you need it now, go with RR. TanStack Router is still very beta.
1
0
3
@tan_stack
TanStack
7 months
0
0
3
@tan_stack
TanStack
8 months
@benapatton @kentcdodds @BUN When you’re done will you PR it into the examples? 🥹
0
0
3
@tan_stack
TanStack
2 years
@TkDodo @brandontsang2 In brand, but not on brand 😉
1
0
3
@tan_stack
TanStack
9 months
0
0
3
@tan_stack
TanStack
1 year
@drealmap Try react query
1
0
3
@tan_stack
TanStack
2 years
@MarkFunk Nope. It's our own tree component. We also use it in #ReactQuery and #ReactLocation devtools.
1
0
3
@tan_stack
TanStack
2 years
@ItsPatrickU We need to fix that. PR welcome!
1
0
2
@tan_stack
TanStack
2 years
@AlexMachin97 @davidcrespo 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
0
2
@tan_stack
TanStack
9 months
@yann_birba @tannerlinsley Since we’re still client side, this isn’t needed yet. You can use @ tanstack/react-actions.
0
0
2
@tan_stack
TanStack
1 year
@Seanmclem @tannerlinsley Query, Table, and Virtual and hopefully Router soon.
0
0
2
@tan_stack
TanStack
8 months
@jorgevfx @WebStormIDE It will soon be deprecated.
0
0
2
@tan_stack
TanStack
10 months
@mxkaske @mfts0 You’d be right 😉
0
0
2
@tan_stack
TanStack
2 years
@joyofcodedev @mpocock1 @prisma @octokit Oh yes, we ❤️ Prisma’s Typescript. Also @fastifyjs
0
0
2
@tan_stack
TanStack
2 years
@mscandandev Yes. V8 will have a refresh on this feature.
0
0
2
@tan_stack
TanStack
2 years
0
0
2
@tan_stack
TanStack
1 year
@KeepForeverr @dadamssg @remix_run 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.
0
0
2
@tan_stack
TanStack
2 years
@yusufozturk Hopefully. No guarantees yet.
0
0
1
@tan_stack
TanStack
2 years
@davidcrespo You can use it either way. In this example the rose selection state is controlled from outside and before the Hook usage.
0
0
1
@tan_stack
TanStack
1 year
@AbdulM96306928 @tannerlinsley @nozzleio Yeah that seems about right. It’d be hard to get it to be any less without abstraction
0
0
1
@tan_stack
TanStack
7 months
0
0
1
@tan_stack
TanStack
2 years
@HesamiRasoul Working on it still
1
0
1
@tan_stack
TanStack
2 years
@MarkFunk Not right now, but you're more than welcome to vendor it from here:
0
0
1
@tan_stack
TanStack
2 years
@oscartegiffel 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.
0
0
1
@tan_stack
TanStack
2 years
1
0
1
@tan_stack
TanStack
6 months
@outoilkka A job well done then! 😊
0
0
1
@tan_stack
TanStack
1 year
1
0
1
@tan_stack
TanStack
10 months
0
0
1
@tan_stack
TanStack
2 years
@nihalmaskey Table devtools are in-line by the table
0
0
1
@tan_stack
TanStack
9 months
@yourcasualdev @tannerlinsley No, but it’s similar.
1
0
1