对比 | TanStack Router & TanStack Start vs Next.js vs React Router / Remix

在您致力于使用新工具之前，了解它与竞争对手相比如何总是好的！

此对比表格力求尽可能准确和公正。如果您使用任何这些库，并认为可以改进信息，请随时使用此页面底部的“在 GitHub 上编辑此页”链接建议更改（附带说明或声明证据）。

功能/能力键

• ✅ 一流的、内置的，并且无需添加配置或代码即可立即使用
• 🔵 通过插件包支持
• 🟡 部分支持（5 分制）
• 🔶 可能，但需要自定义代码/实现/转换
• 🛑 未正式支持

	TanStack Router / Start	React Router DOM (网站)	Next.JS (网站)
Github 仓库 / Stars
Bundle Size			❓
History, Memory & Hash Routers	✅	✅	🛑
嵌套 / 布局路由	✅	✅	🟡
类似 Suspense 的路由过渡	✅	✅	✅
类型安全路由	✅	🟡 (1/5)	🟡
基于代码的路由	✅	✅	🛑
基于文件的路由	✅	✅	✅
虚拟/程序化基于文件的路由	✅	✅	🛑
Router Loaders	✅	✅	✅
SWR Loader 缓存	✅	🛑	✅
路由预取	✅	✅	✅
自动路由预取	✅	✅	✅
路由预取延迟	✅	🔶	🛑
路径参数	✅	✅	✅
类型安全路径参数	✅	✅	🛑
类型安全路由上下文	✅	🛑	🛑
路径参数验证	✅	🛑	🛑
自定义路径参数解析/序列化	✅	🛑	🛑
排序路由	✅	✅	✅
活动链接自定义	✅	✅	✅
乐观 UI	✅	✅	🔶
类型安全绝对 + 相对导航	✅	🛑	🛑
路由挂载/过渡/卸载事件	✅	🛑	🛑
Devtools	✅	🛑	🛑
基本搜索参数	✅	✅	✅
搜索参数 Hooks	✅	✅	✅
<Link/>/useNavigate 搜索参数 API	✅	🟡（仅通过 to/search 选项的 search-string）	🟡（仅通过 to/search 选项的 search-string）
JSON 搜索参数	✅	🔶	🔶
TypeSafe 搜索参数	✅	🛑	🛑
搜索参数 Schema 验证	✅	🛑	🛑
搜索参数不可变性 + 结构共享	✅	🔶	🛑
自定义搜索参数解析/序列化	✅	🔶	🛑
搜索参数中间件	✅	🛑	🛑
Suspense 路由元素	✅	✅	✅
路由错误元素	✅	✅	✅
路由待定元素	✅	✅	✅
<Block>/useBlocker	✅	🔶	❓
Deferred Primitives	✅	✅	✅
导航滚动条恢复	✅	✅	❓
ElementScroll 恢复	✅	🛑	🛑
异步滚动条恢复	✅	🛑	🛑
Router 失效	✅	✅	✅
运行时路由操作（战争迷雾）	🛑	✅	✅
--	--	--	--
全栈	--	--	--
SSR	✅	✅	✅
流式 SSR	✅	✅	✅
通用 RPC	✅	🛑	🛑
通用 RPC 中间件	✅	🛑	🛑
React Server Functions	✅	🛑	✅
React Server Function 中间件	✅	🛑	🛑
API 路由	✅	✅	✅
API 中间件	✅	🛑	✅
React Server Components	🛑	🛑	✅
<Form> API	🛑	✅	✅