具有通量模式的中继缓存?

Relay Cache with Flux Pattern?

我真的很想将 Relay 缓存合并到我的 Flux 存储中,这样我就可以 "time-travel" 深入了解应用程序。

看起来 Relay 存储和操作都是 类 不可序列化的,这很糟糕。但看起来我应该能够将缓存与网络请求分开并将缓存保存在 Flux 存储中。

这听起来很有趣还是我找错人了?

Relay 当然可以与 Flux 一起使用,我们已经与许多成功地一起使用它们的开发人员进行了交谈。一般模式是让 Relay 拥有服务器数据的缓存并管理与服务器的通信,并使用 Flux 来存储和更新仅客户端数据。

从 Flux 读取继电器数据

如果 Flux 存储需要访问服务器数据,他们可以使用 Relay.Store APIs 从服务器获取数据并从缓存中读取:

// build a query 
var query = Relay.createQuery(Relay.QL`query { ... }`, {var: 'value'});
// fetch any missing data for this query
Relay.Store.primeCache({query}, readyState => {
  if (readyState.done) {
    // read data once the cache is populated
    var data = Relay.Store.readQuery(query)[0];
  }
});

检查中继缓存

中继不直接支持时间旅行调试。但是,我们正在积极开发 Relay 的开发工具,其初始版本应该很快就会可用。同时,有几个选项可用于检查缓存状态:

  • 拦截并记录中继存储的所有低级更新。这可以通过使用 RelayStoreData.getDefaultInstance().injectCacheManager(...) 注入缓存管理器来完成(请注意,API 名称可能会更改,但缓存管理器 API 本身是稳定的)。 CacheManager 接口是 defined here - 请注意,这将允许您记录写入 Relay 缓存的所有值,以构建您想要的数据可视化。写入缓存管理器的所有字段值都是 JSON-可序列化的。请注意,缓存管理器无法将数据写回 存储中,因此这主要允许您了解缓存的当前状态。
  • 通过注入custom network layer拦截网络层的所有查询和变异请求。这将指示您的应用程序请求的数据以及它从服务器接收的数据。