<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>TanStack on LYon's Blog</title><link>https://yindongliang.com/tags/TanStack/</link><description>Recent content in TanStack on LYon's Blog</description><generator>Hugo</generator><language>zh-cn</language><lastBuildDate>Mon, 17 Aug 2026 09:14:35 +0000</lastBuildDate><atom:link href="https://yindongliang.com/tags/TanStack/index.xml" rel="self" type="application/rss+xml"/><item><title>TanStack Router 入门：文件路由、类型安全导航、Loader 与 Search Params</title><link>https://yindongliang.com/posts/tanstack-router-getting-started/</link><pubDate>Mon, 17 Aug 2026 00:00:00 +0000</pubDate><guid>https://yindongliang.com/posts/tanstack-router-getting-started/</guid><description>&lt;blockquote class='book-hint '>
&lt;p>AI 参与说明（Agent：&lt;code>/root&lt;/code>）：本文由 Agent 根据 TanStack Router 官方文档（Quick Start、Installation with Vite、Manual Setup、File Naming Conventions、Data Loading、Search Params、Router Context、Deferred Data Loading）辅助整理并逐项核对配置项、默认值与 API 名称。资料核验于 2026-08-17，对应 &lt;code>@tanstack/react-router&lt;/code> 1.170.x。TanStack Router 仍在快速迭代，实施前请以项目 lockfile 与官方文档为准。&lt;/p></description></item><item><title>TanStack Query v5 基础：从 Server State 到 Query、Mutation 与缓存</title><link>https://yindongliang.com/posts/tanstack-query-v5-basics/</link><pubDate>Wed, 12 Aug 2026 00:00:00 +0000</pubDate><guid>https://yindongliang.com/posts/tanstack-query-v5-basics/</guid><description>&lt;blockquote class='book-hint '>
&lt;p>AI 参与说明（Agent：/root、/root/tanstack_v5_docs、/root/tanstack_beginner_examples、/root/tanstack_v5_blog_preflight）：本文由 Agent 根据 TanStack Query 官方 v5 文档辅助整理，重点核对 Query 生命周期、缓存默认值、Mutation、失效与 v4 到 v5 的迁移差异。资料核验于 2026-08-12；请以项目的 lockfile 和目标版本为准。&lt;/p></description></item><item><title>Expo、React Native 与 Flutter：概念、架构、上架与选型</title><link>https://yindongliang.com/posts/expo-heroui-native-architecture-flutter-comparison/</link><pubDate>Mon, 10 Aug 2026 00:00:00 +0000</pubDate><guid>https://yindongliang.com/posts/expo-heroui-native-architecture-flutter-comparison/</guid><description>&lt;blockquote class='book-hint '>
&lt;p>AI 参与说明（Agent：Codex、Lorentz、Anscombe、Dirac、Ohm、Averroes、Bernoulli、Goodall、Ramanujan、&lt;code>/root&lt;/code>、&lt;code>/root/apple_policy&lt;/code>、&lt;code>/root/expo_business&lt;/code>、&lt;code>/root/blog_placement&lt;/code>）：本文由多个 Agent 根据 Expo、React Native、Flutter、Apple、Google Play 与 RevenueCat 的官方公开资料协助整理，并提供面向 iOS 与 Android 的通用架构建议。内容初次整理于 2026-08-10，2026-08-12 复核独立开发者、广告变现小游戏与 In-App Purchases（IAP）的选型建议，2026-08-14 更新 Flutter 3.47 stable 与 Material / Cupertino 独立发包状态，并复核 Expo 与 Apple 的平台关系、OTA 边界及 Expo 的商业进展；产品能力、价格、SDK 版本、商店规则与账号要求可能变化，请以文末一手资料和当前控制台为准。示例使用占位符，不包含账号标识、许可证、签名凭据或项目密钥。&lt;/p></description></item><item><title>Convex Agent Component 与 Cloudflare Agents SDK：关页后继续生成并恢复聊天</title><link>https://yindongliang.com/docs/Cloudflare/convex-agent-vs-cloudflare-agents-sdk-durable-chat/</link><pubDate>Fri, 14 Aug 2026 00:00:00 +0000</pubDate><guid>https://yindongliang.com/docs/Cloudflare/convex-agent-vs-cloudflare-agents-sdk-durable-chat/</guid><description>&lt;blockquote class='book-hint '>
&lt;p>AI 参与说明（Agent：&lt;code>/root&lt;/code>、&lt;code>/root/convex_research&lt;/code>、&lt;code>/root/cloudflare_research&lt;/code>、&lt;code>/root/tanstack_research&lt;/code>）：本文由 Agent 根据产品官方文档、稳定版源码示例与 npm registry 版本信息辅助调研、撰写和校验。结论按 2026-08-14 的公开资料整理；Cloudflare Agents SDK、Think、Convex Agent Component 与 TanStack 的 API 仍会演进，落地时应以项目 lockfile 和一手文档为准。&lt;/p></description></item><item><title>全面掌握 TanStack Query：现代 React 应用的数据管理利器</title><link>https://yindongliang.com/posts/%E5%85%A8%E9%9D%A2%E6%8E%8C%E6%8F%A1-TanStack-Query%E7%8E%B0%E4%BB%A3-React-%E5%BA%94%E7%94%A8%E7%9A%84%E6%95%B0%E6%8D%AE%E7%AE%A1%E7%90%86%E5%88%A9%E5%99%A8/</link><pubDate>Wed, 24 Dec 2025 00:00:00 +0000</pubDate><guid>https://yindongliang.com/posts/%E5%85%A8%E9%9D%A2%E6%8E%8C%E6%8F%A1-TanStack-Query%E7%8E%B0%E4%BB%A3-React-%E5%BA%94%E7%94%A8%E7%9A%84%E6%95%B0%E6%8D%AE%E7%AE%A1%E7%90%86%E5%88%A9%E5%99%A8/</guid><description>&lt;blockquote class='book-hint '>
&lt;p>AI 参与说明（Agent：&lt;code>Codex&lt;/code>、&lt;code>/root&lt;/code>）：本文原始内容由 AI 协助生成，本次由 Agent 归档到 TanStack 技术文档目录并标记为历史 v4+ 参考；本次未对全文 API 进行逐项升级校验。新项目应优先参考站内 v5 基础文档、TanStack Query 官方文档与项目 lockfile。&lt;/p></description></item><item><title>Convex + TanStack Query：useQuery 与 useSuspenseQuery 的选择、原理与场景</title><link>https://yindongliang.com/posts/convex-tanstack-query-usequery-vs-usesuspensequery/</link><pubDate>Wed, 12 Aug 2026 00:00:00 +0000</pubDate><guid>https://yindongliang.com/posts/convex-tanstack-query-usequery-vs-usesuspensequery/</guid><description>&lt;blockquote class='book-hint '>
&lt;p>AI 参与说明（Agent：/root、/root/tanstack_suspense_docs、/root/convex_react_research、/root/blog_preflight）：本文由 Agent 根据 Convex、TanStack Query、React 的官方文档及公开源码辅助整理，重点核对实时订阅、Suspense、SSR、条件查询与缓存生命周期的边界。资料核验于 2026-08-12；&lt;code>@convex-dev/react-query&lt;/code> 仍是 beta，TanStack Start 仍处于 Release Candidate，实施前请以项目 lockfile、目标版本和文末一手资料为准。&lt;/p></description></item><item><title>TanStack Start Static Prerendering、经典 SSR 与 Cloudflare Workers Cache</title><link>https://yindongliang.com/posts/tanstack-start-prerender-cloudflare-workers-caching/</link><pubDate>Tue, 11 Aug 2026 00:00:00 +0000</pubDate><guid>https://yindongliang.com/posts/tanstack-start-prerender-cloudflare-workers-caching/</guid><description>&lt;blockquote class='book-hint '>
&lt;p>AI 参与说明（Agent：/root、/root/tanstack_research、/root/cloudflare_research、/root/repo_style）：本文由 Agent 根据 TanStack、Cloudflare 与 PostgreSQL 的官方公开文档协助整理，重点核对 TanStack Start Static Prerendering、Cloudflare Workers Cache、Cache API、缓存失效及存储层边界。资料核验于 2026-08-11；TanStack Start 仍处于 RC 阶段，Workers 与存储产品的 API、默认值和限制会变化。示例仅使用公开占位数据；请在上线前按所用版本、套餐和数据一致性要求复核文末一手资料。&lt;/p></description></item><item><title>全面掌握 tRPC：端到端类型安全的下一代 API 框架</title><link>https://yindongliang.com/posts/%E5%85%A8%E9%9D%A2%E6%8E%8C%E6%8F%A1-tRPC%E7%AB%AF%E5%88%B0%E7%AB%AF%E7%B1%BB%E5%9E%8B%E5%AE%89%E5%85%A8%E7%9A%84%E4%B8%8B%E4%B8%80%E4%BB%A3-API-%E6%A1%86%E6%9E%B6/</link><pubDate>Wed, 24 Dec 2025 00:00:00 +0000</pubDate><guid>https://yindongliang.com/posts/%E5%85%A8%E9%9D%A2%E6%8E%8C%E6%8F%A1-tRPC%E7%AB%AF%E5%88%B0%E7%AB%AF%E7%B1%BB%E5%9E%8B%E5%AE%89%E5%85%A8%E7%9A%84%E4%B8%8B%E4%B8%80%E4%BB%A3-API-%E6%A1%86%E6%9E%B6/</guid><description>&lt;h2 id="什么是-trpc">什么是 tRPC？&lt;a class="anchor" href="#%e4%bb%80%e4%b9%88%e6%98%af-trpc">#&lt;/a>&lt;/h2>
&lt;p>tRPC 是一个颠覆性的远程过程调用框架，允许你在 TypeScript 中定义后端 API，并在前端直接调用这些 API 函数，同时享受&lt;strong>完整的端到端类型安全&lt;/strong>。它不是一个替代 REST 或 GraphQL 的方案，而是一种全新的全栈开发范式。&lt;/p>
&lt;h3 id="核心价值主张">核心价值主张&lt;a class="anchor" href="#%e6%a0%b8%e5%bf%83%e4%bb%b7%e5%80%bc%e4%b8%bb%e5%bc%a0">#&lt;/a>&lt;/h3>
&lt;ul>
&lt;li>
&lt;p>🔒 &lt;strong>端到端类型安全&lt;/strong>：后端修改 API，前端立即获得类型错误&lt;/p></description></item></channel></rss>