TanStack Tables with WASP?
I'm building a SaaS platform which can be oversimplified to a collection of features built into a table. Thus far, I've done really well building my own table from scratch, but as I'm implementing more features I'm finding my Table foundation is less extensible and accurate as the required scope becomes more complex.
Before continuing my development, I'm at a crossroads. Either I refactor my existing Table schema, or I redesign my features to work with a more robust framework like TanStack Tables, which seems like potentially a smarter direction to go in.
Does anyone have experience using TanStack Tables w/ WASP? Any potential pitfalls to look out for?
I see it's extremely customizable, framework-agnostic & does work with React so it seems like a great fit.
5 Replies
Hi @G35x. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Based on the knowledge sources provided, there isn't specific information about using TanStack Tables with Wasp. However, I can provide some general insights about Wasp's compatibility with React libraries.
Wasp is designed to work well with React and existing React libraries. As mentioned in the documentation, Wasp "is not trying to do everything at once but rather focuses on the complexity which arises from connecting all the parts of the stack (client, server, database, deployment) together" and "is using React, Node.js and Prisma under the hood" Introduction.
Since Wasp uses React for the frontend, and TanStack Tables (formerly React Table) is a React library that's framework-agnostic, it should be compatible with Wasp. Wasp's vision includes "integrating seamlessly with the most popular technologies for building specific, more complex parts of the web app" Vision, which suggests that using third-party React libraries like TanStack Tables should be possible.
For your specific use case of building a SaaS platform with complex table features, TanStack Tables could indeed be a good fit since you're already using React with Wasp. However, the knowledge sources don't contain any specific examples or potential pitfalls of using TanStack Tables with Wasp.
If you're looking for more specific guidance, you might want to ask in the Wasp Discord community where other developers might have experience with this specific combination.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
Sorry @G35x, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:
Perhaps try again in 15mins?
Nothing specific to take care of, just get the data from the generated hooks and show it with tanstack table. Go nuts!
@G35x I just finished migrating Shadcn-Admin over to a Wasp project and it includes react-table. Works great! I'd say go for it.
The shadcn-admin template is under review but you can check out the wasp version here or the original here
GitHub
GitHub - satnaing/shadcn-admin: Admin Dashboard UI built with Shadc...
Admin Dashboard UI built with Shadcn and Vite. Contribute to satnaing/shadcn-admin development by creating an account on GitHub.
Thanks @Vinny (@Wasp)! I was kinda sorta hoping someone would tell me there's a compatibility issue/talk me out of this.
May the coding gods have mercy on my refactor 🙏 🤣
haha good luck 🙂