让 Web 跟原生 App一样流畅可靠
RxDB 是 Aiao 团队打造的 Local-first 数据层：在浏览器内运行 SQLite / PGlite，以 RxJS 组织查询与变更，并把同一套模型语义接到 Angular、React、Vue。
浏览器内 SQLite / PGlite
Angular / React / Vue 对等接口
RxJS 组织查询与变更
模型驱动查询与代码生成
Local-first pipeline
3
三框架集成
2
双本地数据库执行层
1
统一数据语义
可验
Demo 与文档可验证
const db = new RxDB({
dbName: 'workspace',
entities: [Todo, Project, Branch],
sync: {
local: { adapter: 'sqlite' }
}
});
db.adapter('sqlite', db => new RxDBAdapterSqlite(db));
Project.find({
where: {
combinator: 'and',
rules: [{ field: 'status', operator: '=', value: 'active' }]
}
}).subscribe(projects => render(projects));
Why RxDB
补上前端缺失的数据层
很多 Web 应用的复杂度，本质上来自“前端承担了重业务，却没有一层像样的数据运行时”。RxDB 要补的是浏览器内 SQL、响应式查询和模型驱动代码这一层。
真实数据库能力
不是简单 KV 存储封装，而是把关系查询、事务、索引和本地持久化真正带到浏览器里。
响应式业务流
以 RxJS 为中心组织查询、变更和事件流，减少手写状态同步与缓存胶水代码。
模型驱动开发
围绕实体模型组织类型、查询、表单、表格与生成代码，让数据结构成为系统边界。
跨框架一致性
同一套模型、查询与实体语义可复用到 Angular、React、Vue，差异只留在 UI 绑定层。
Workflow
从模型到界面
这条链路已经能在 demo 和源码里直接验证：先定义模型，再接适配器，再把查询与变更接进界面。
Step 1
定义模型
用统一元数据描述实体、字段、关系与索引。
Step 2
连接适配器
按场景接入 SQLite、PGlite 或远端同步适配器。
Step 3
订阅查询
把查询结果当成数据流，而不是一次性的 API 返回值。
Step 4
走向协作
继续扩展到撤销重做、分支、同步和多端数据一致性。
Framework Parity
一套数据层，三套框架
这不是概念对齐，而是代码对齐。仓库里直接有 Angular、React、Vue 三套演示应用，共用同一套模型语义与查询能力。
Angular
Signals 与响应式数据库自然衔接，适合重业务和复杂表单场景。
React
Hooks 风格集成，保留组件化心智，同时把数据层从 UI 状态里拆出来。
Vue
Composables 与响应式实体配合顺手，适合快速搭建数据驱动界面。
Documentation
按决策顺序读文档
文档入口按“先跑通、再建模、再查询、最后考虑协作”组织，重点是帮你判断能力边界，而不是只堆 API。