TanStack Table and Router (react-table), why headless? feat. Tanner Linsley, the creator!
HTML-код
- Опубликовано: 2 окт 2022
- Best way to be a better developer is to learn what the pros do. Tanner Linsley and Kevin Ghadyani look at the source code of tanstack-table (react-table), tanstack-router (formerly react-location), and tanstack-virtualized!
A lot of it boils down to your needs, but even react-router doesn't have the ability to handle query strings like regular routes.
We also go into the source code for TanStack-Virtualized (react-virtualized) and TanStack-Table and explain why react-table is now headless as well as the decisions that went into it such as the move to TypeScript and the increasing desires of react-table's users.
Checkout TanStack Query (react-query) for yourself:
tanstack.com/query/v4
Tanner Linsley's Twitter:
/ tannerlinsley
TanStack's Twitter:
/ tan_stack
Thanks to @Tanner Linsley for meeting with me about TanStack!
Video Edited by **Allen Pascua**: allenfpascua.myportfolio.com
#CodeConversation
Thank you for this. The Tanstack libraries have slowly become pretty essential to any React project I'm working on... plus the conversations you guys had on why it is the way it is, and the stories were wonderful.
The surprise shout-out was amazing! Thanks Tanner. And my project is called material-react-table for anyone interested
I actually looked at your project for work recently. Way easier than building that all myself :).
I really loved the discuss on this...
Great video!
Would love to see you get Tanner back on to discuss the new Tanstack Router (he kind of dropped a hint about a framework agnostic router here).
My memory is a bit vague, but didn't he talk about that in the next video? I remember having a whole conversation about building headless and how the other library versions work.
@@KevinGhadyani I have watched another video of yours on that but I think it focused on Tanstack Table and Tanstack Query
Nice. Currently working with the Tanstack virtualized table and it worked well, until I faced the requirement, of nesting a simple table in a virtualized row.
I did this. You just need a custom cell for the whole row that renders a table.
At 7:17 you mention updating a specific cell using hook can you example how can i achieve that and thanks for the video
Can you ask Tanner why react table doesn’t have expanded row search, to search sub rows values nested child
You can contact Tanner directly on Twitter: twitter.com/tannerlinsley.
From my understanding, he gives you access to all rows, so you can search them yourself, but I haven't used the latest React Table, so I'm not sure.
Cool Thanks..Good content though
Hi can you add server side pagination with column filtering
What do you mean? For Tanner to add it? With React-Table, you have the power to configure it how you wish.
@@KevinGhadyani I tried but not getting. Can you refer me any related code
I'm not sure, but I've done it in the past. You might be able to ask on StackOverflow.
type instantiation is excessively deep and possibly infinite react table 8
What do you mean?