I've been exploring the TanStack ecosystem for React a lot these days. Starting with TanStack Router, Query, and Virtual, and now the framework TanStack Start. Honestly, I could only use the Router and Query in the production app so far, and the rest of it was for my learning and teaching.
I also use Next.js heavily, but with TanStack I find a huge paradigm shift. I do not have to think from the RSC side heavily; I do not have to use shortcut methods like useEffct() to handle data at the client side, and managing server state and caching seems to feel a lot simpler.
This discussion is not about putting one React framework ahead of another one. Rather, would like to know what your experience so far has been with TanStack? Do you have any comparison studies? Do you use it in production? What are the learnings?
Would love to learn and discuss. Thanks.
Hi everyone,
I was working lately on a side project. In Next.js App Router, when you pass a prop from a server component to a client component, the whole thing gets serialized and sent to the browser as plain text, not just the fields the component actually uses.
So if you fetch a full user row from your database and only render the name, the password hash, tokens, and any other internal fields still ship to the browser. ESLint and tsc both pass it fine since nothing is technically wrong with the types, it is a data flow problem, not a syntax one.
So I built Antra to catch this. It is an open source static analyzer that reads your schema, marks sensitive fields, and traces them through your code to flag anything that crosses into the client. It also comes with a studio dashboard so you can see the dependency graph, route tree, and findings visually.
It is still early, App Router only for now, and definitely rough around the edges.
npm:
GitHub:
Docs/site:
I would really appreciate a star 🌟 on the repo.
