跳到主要内容

TanStack 导览

这组文档不只聊 TanStack Start。我把它当成一条完整技术线来整理：从 Router 的路由心智，到 Start 的全栈能力，再到 Query、Form、Table、Virtual 这些真正会一起落到项目里的工具。

如果你最近刚看到 TanStack Start，最容易踩坑的地方不是 API，而是定位。它不是单纯“又一个 React SSR 框架”，也不是给 TanStack Router 套一层外壳。更接近的说法是：先把 Router 做成系统，再把服务端能力、构建和部署往上接。

建议阅读顺序​

1. 先看体系图​

先把这些工具各自解决什么问题看清楚，再去读单个子项目，会轻松很多。

2. 再进 TanStack Start​

这一组适合想判断“能不能上项目”“和 Next 到底差在哪”的时候读。

3. 路由层单独吃透​

很多人看 Start 时绕不明白，原因往往不是 Start 太复杂，而是 Router 这一层没先吃透。

4. 最后补生态​

这里会把 Query、Form、Table、Virtual、DB 放回真实项目语境里，不只是列功能表。

这一组主要解决什么​

  • TanStack Start 到底是不是可以和 Next.js 正面对话的全栈框架
  • TanStack Router 为什么这两年存在感越来越强
  • 如果已经在用 TanStack Query，什么时候值得往 Router / Start 再走一步
  • Form / Table / Virtual 在这条技术线上应该怎么落位

先给结论​

  • 如果你最看重的是 类型安全、URL 状态管理、路由层可组合性，先认真看 TanStack Router
  • 如果你想做 React 全栈，又不想把部署、运行时和构建完全绑在一个平台上，可以重点看 TanStack Start
  • 如果团队只想把客户端异步状态先管好，TanStack Query 单独上就已经很值
  • 如果你项目里有复杂表单、重表格或者超长列表，Form / Table / Virtual 也值得早点纳入视野