I Never Want to Create React Tables Any Other Way

235,337
0
Published 2023-05-12
Man, the React ecosystem is just amazing. Tables can be very complex in their logic and design. I usually relied on a heavy, bloated data grid from Material-UI. NOT ANYMORE HEHE! Look at this table and tell me it ain't awesome. The combination of shadcn's design with the functionality of tanstack tables is powerful.

Shadcn's UI library: ui.shadcn.com/
My GitHub: github.com/joschan21
Discord: discord.gg/4vCRMyzgA5
Twitter: twitter.com/joshtriedcoding

All Comments (21)
  • I’ve been utilizing Tanstack Table in my latest project and have been seeing great results. The documentation can be a little lacking and there’s definitely trial and error with getting it just right but it’s very powerful.
  • @artu-hnrq
    Useful component. Quick, precise and too valuable presentation! I've been finding really interesting tips from your videos. Thanks for all these shadings 👏
  • @afroj3di
    Just came across ur channel randomly on my feed. As a software developer who works on lots of react projects, I find ur videos really helpful. 👍🏿👍🏿
  • @UwU-dx5hu
    I just loved how you addressed the main two problems forms and tables. Then how presented the whole video. Keep up the good work❤
  • @Play_Streams
    After using Tanstack for a while I've just created my own table component. When you think about it, once you deal with the main issues: Pagination, Search, Column sort, Row count selection and Data export you have a pretty reusable tool you can copy over to multiple projects.
  • @jjrise
    I swear this is the 10th time now I've laughed out loud at one of your videos because of the irony. I started using shadui a few weeks ago, then saw your videos on it. Yesterday I started using his new data table, then saw this video. Same a few months ago with T3 related stuff, trpc, etc. I love how you read my mind and deliver videos at the perfect time ; ).
  • Awesome to see coverage on TanStack Table. There are now many implentations and examples for how to use it now. Glad Tailwind is finally getting showcased with it. I have made MUI and Mantine implementations if curious, but they are not quite as modular as this one.
  • @haritpatel5001
    Would love a more detailed video on this ? Maybe a small case project on shadcn. Love your content, always on the point ❤ and value.
  • @bitcraft3r
    Exactly what I was looking for, and I asked this same question on the day you posted the video! <3
  • @SeanCassiere
    As someone who's been shipping Tanstack Table for a while now, it's great that Shad was able to get this new styled DataGrid out.
  • @alexscorer1
    I love you for explaing these components - gave me such a headache in the past.. I'd also love it if you did a few example projects - such as multiTennant Keep it up!
  • This library was a life saver, saw this video at the right time. I was just about to use Material UI for my dashboard, after seeing this. I am changing my mind.
  • @kikisbytes
    Great video! I'll definitely be trying this
  • Been wanting to change all my tables with Tanstack Tables. Thank you!
  • @c4346
    Each news on this library is just mind-blowing
  • @Bodom1978
    I'm really liking what I see from this lib. Will consider it for smaller projects in the future to really see what caveats it has.
  • @edgarasben
    Very cool! Can the search, pagination, sorting etc. be done server side? In case on initial load not all data is loaded.
  • @matthewrossee
    Hi Josh, what about server side pagination? Because you rarely want to fetch all users from the DB.
  • @buddy.abc123
    Nice! This is so similar to Ag Grid. I guess that makes sense since Tanstack and Ag Grid are partners now
  • @Brocollipy
    Awesome thanks I was just about to go headlong into MUIX Data grid.. not anymore! I was planning to use Formik so sounds like I need to play around with the form solution you mentioned.