完成后你将能够
能根据项目问题选择正确的 TanStack 工具。
从问题出发
TanStack 是一组可组合的工具。Router 管理页面、URL 和路由生命周期;Query 管理来自服务端的异步数据;Start 把 Router 扩展成包含 SSR、Server Functions 和部署边界的全栈框架。它们不是三套互相竞争的方案。
三句话选型
只做 SPA 且已有后端,从 Router 开始。需要 SSR、服务端函数或同仓全栈代码,从 Start 开始。页面中的远程数据出现缓存、重试、失效或乐观更新需求时,加入 Query。
把本课变成可验证的能力
能用一句话分别说明 Start、Router 与 Query 的职责,并指出它们可以同时存在于同一个应用中。
为一个已有 React 项目的三个需求选型:增加页面导航、缓存远程列表、增加 SSR,并写下选择理由。
选择结果应分别为 Router、Query、Start,并能说出远程状态与 URL 状态的所有权差异。
- 把 Query 当成通用客户端状态库。
- 认为使用 Start 后不再需要理解 Router。