SuperAPI AI 工具集

tanstack-start-loaders

数据与分析

查看项目

更新于 10-16 01:35

技能介绍

用途:为 TanStack Start 路由加载数据,适用于页面取数、实现路由守卫、设置路由上下文等场景。

主要能力:beforeLoad 与 loader 均为同构函数,SSR 时在服务端运行,客户端导航时在浏览器运行。beforeLoad 按父到子顺序执行,返回值合并进 context,适合守卫、鉴权与上下文初始化;loader 在匹配路由间并行执行,返回路由专属数据,可通过 Route.useLoaderData() 类型安全读取。

必要用法与限制:loader 不能直接访问数据库、带密钥的 API 等仅服务端资源,必须调用 server function,否则客户端导航会失败。loader 可通过 params 读取路由参数,通过 loaderDeps 声明哪些 search 参数变化时重新执行 loader。非关键数据可返回未 await 的 Promise,配合 Suspense 与 Await 流式渲染。

其他配置:支持 errorComponent 自定义错误、pendingComponent 与 pendingMs/pendingMinMs 控制加载态、staleTime/preloadStaleTime/gcTime 控制缓存与重跑;也可在 router 创建时传入 context(如 queryClient),并在 loader 中调用 ensureQueryData 与 TanStack Query 配合。

限制:资料未提供安装命令、版本要求、收费与平台信息。