关于 tanstack-db
TanStack DB 是用于响应式集合、实时查询、变更、持久化和同步引擎的指导技能。它按框架将任务导向对应参考资料,并强调核对已安装包的版本。
主要功能
- 01集合与模式配置指南
- 02响应式实时查询模式
- 03乐观变更与事务
- 04同步、持久化和离线指南
- 05React、Vue、Solid、Svelte 和 Angular 路由
适用场景
- 01选择合适的框架适配器
- 02构建响应式数据查询
- 03实现乐观更新
- 04核对与版本匹配的同步和持久化 API
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ lukasa1993/ tanstack-skills-extracted --skill tanstack-db安装后在 Claude Code 中输入/tanstack-db确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/dd5fd3a2e8ca256521b80e46d7fb0aa953c842ef1420fb31f4b1f08ae31d82e7.txtreferences/assets/tanstack-db-core-collection-setup/references/electric-adapter.mdlocal-adapters.mdpowersync-adapter.mdquery-adapter.mdrxdb-adapter.mdschema-patterns.mdtrailbase-adapter.mdreferences/assets/tanstack-db-core-live-queries/references/operators.mdreferences/assets/tanstack-db-core-mutations-optimistic/references/transaction-api.mdreferences/assets/tanstack-db-playbook-tanstack-db-collections/references/custom-collections.mdelectric-collection.mdlocal-collections.mdquery-collection.mdsync-modes.mdreferences/assets/tanstack-db-playbook-tanstack-db-electric/references/debugging.mdproxy-setup.mdshapes.mdtxid-matching.mdreferences/assets/tanstack-db-playbook-tanstack-db-live-queries/references/aggregations.mdfunctional-variants.mdjoins.mdperformance.mdquery-builder.mdsubqueries.mdreferences/assets/tanstack-db-playbook-tanstack-db-mutations/references/error-handling.mdhandlers.md详细介绍
TanStack DB
针对实时查询、乐观变更、持久化、同步引擎和框架适配器的响应式集合指南。
使用适配器或同步 API 前,请确认软件包版本。
工作流
- 检查已安装的 TanStack 软件包及其确切版本。
- 阅读基础参考资料,以及与检测到的框架对应的适配器参考资料。
- 主题参考资料是索引。针对任务选择一份指南或一个章节;仅在需要时沿其前置条件链接阅读。
- 相比记忆,优先参考已安装软件包的类型和与版本匹配的源代码指南。
- 将示例转换为框架适配器时,保留无头模式/核心行为。
任务路由
- 基础知识 — DB 架构和元框架路由。
- 集合和架构 — 集合设置、集合类型和架构。
- 实时查询 — 响应式实时查询的构建和运算符。
- 变更 — 乐观变更和事务模式。
- 同步和持久化 — 持久化、自定义适配器、离线事务和 Electric。
- React 适配器 — React DB 适配器指南。
- Vue 适配器 — Vue DB 适配器指南。
- Solid 适配器 — Solid DB 适配器指南。
- Svelte 适配器 — Svelte DB 适配器指南。
- Angular 适配器 — Angular DB 适配器指南。
框架路由
- React — 检测
@tanstack/react-db。阅读 React 适配器。 - Vue — 检测
@tanstack/vue-db。阅读 Vue 适配器。 - Solid — 检测
@tanstack/solid-db。阅读 Solid 适配器。 - Svelte — 检测
@tanstack/svelte-db。阅读 Svelte 适配器。 - Angular — 检测
@tanstack/angular-db。阅读 Angular 适配器。
产品边界
当任务跨越以下产品的边界时,请使用对应的独立产品技能:tanstack-query、tanstack-start。
有关确切的上游输入和去重记录,请参阅源信息。
评论
支持 Markdown