FRAMEWORKS
3
Angular · React · Vue
RUNTIME
SQLite
浏览器内执行引擎
PERSISTENCE
OPFS
可回退 IDB / Memory
STREAMING
RxJS
查询与事件同一主线
the problem— 01
复杂前端缺的不是组件,是数据层
项目真正难的地方是数据怎么落盘、查询、写入、保持一致,不是再给页面状态多包一层抽象。
01 / Pillar
真正的本地执行
查询、事务、索引、持久化全在浏览器里完成,不再靠接口缓存模拟离线。
02 / Pillar
查询天然可订阅
界面跟着数据走,省掉 refetch、invalidate 和状态同步那一堆胶水代码。
03 / Pillar
模型即数据边界
字段、关系、索引、类型聚合到实体定义,业务规则不再散落在页面和服务层。
04 / Pillar
跨框架同语义
Angular、React、Vue 只在 UI 绑定层有差异,模型、查询、写入方式完全一致。
integration path— 02
先把本地链路跑通,再决定要不要继续
推荐顺序:建模 → 接数据库 → 接查询和 UI → 再叠加同步与协作。这样最容易判断它是否适合当前项目。
STEP / 01
定义模型边界
先把字段、关系和索引定清楚,后面的查询、表单、列表才有稳定基础。
STEP / 02
接入本地执行层
按场景选 SQLite 或 PGlite,把真实查询和持久化放进浏览器。
STEP / 03
把查询接到界面
把查询当作可订阅的数据源,让界面跟着结果走,而不是手写同步逻辑。
STEP / 04
按需引入协作
本地链路稳定后,再叠加分支、撤销重做与同步。
framework bindings— 03
三套框架,一套数据语义
先统一模型和查询,再看 Angular、React、Vue 各自的 UI 绑定。团队讨论的是业务语义,不是三套各自为政的封装。
documentation— 04
文档按接入顺序组织
快速开始 → 建模 → 查询 → 协作与扩展。目的是帮你快速判断边界,不是把 API 一次性塞过来。