data-client
一个声明式、高性能的数据管理库，用于构建动态数据应用。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：data-client。 它的用途是：一个声明式、高性能的数据管理库，用于构建动态数据应用。 完整的 Skill 内容见：https://321skill.com/skills/data-client/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在用React开发一个社交应用，需要管理用户、文章和评论数据，它们之间有复杂的关联，并且希望有实时更新功能。帮我用Data Client设计数据层。” 它会引导你定义User、Article、Comment等Entity类，创建对应的REST或GraphQL资源端点，并展示如何在组件中声明式地使用这些数据，自动获得缓存、更新和性能优化。
介绍
Data Client 是一个用于构建现代 Web 应用的数据管理解决方案，它解决了在 React、Vue 等框架中高效、可扩展地处理来自 REST、GraphQL、WebSockets 等多种来源的动态数据的问题。
它通过声明式地定义资源（Resource）和端点（Endpoint），将 API 数据映射为类型化的实体（Entity）。开发者无需编写繁琐的数据更新逻辑，只需定义数据模型和获取规则，库会自动处理缓存、去重、更新和性能优化。
该库非常适合需要处理复杂、实时数据的前端、全栈及智能体开发者，尤其是在构建需要高性能渲染、服务端渲染（SSR）或实时数据流（如 Websockets/SSE）的应用时。
使用建议是，对于新项目或希望重构现有复杂数据层的项目，可以优先考虑。它学习曲线相对平缓，但需要理解其声明式数据建模的思想。对于简单的、一次性获取数据的场景，可能略显重量级。
核心特点
与传统的状态管理库（如 Redux）或数据获取钩子（如 React Query）相比，Data Client 的核心区别在于其完全声明式的、基于 Schema 的数据建模方式，实现了真正的“零更新函数”，并通过智能的缓存和依赖追踪机制，实现了极致的渲染性能优化，尤其擅长处理嵌套的、关联的实体数据。
注意事项
对于仅需简单数据获取、无需复杂缓存和实体关联的超轻量级应用，引入该库可能增加不必要的复杂度。
常见问题
Data Client 和 React Query 有什么区别？
Data Client 更侧重于声明式数据建模和实体关系管理，自动处理嵌套数据缓存和更新；React Query 更侧重于请求状态管理和缓存，需要手动处理数据更新逻辑。
它支持 Vue 吗？
是的，Data Client 的核心是框架无关的，官方提供了对 React 的深度集成（@data-client/react），同时也支持在 Vue 等框架中使用。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/data-client/raw/index.md 读取 data-client 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/data-client/raw/index.md（查看排版版本）