我真的很想将 Relay 缓存合并到我的 Flux 存储中,这样我就可以进行“时间旅行”并深入了解应用程序。
看起来中继存储和操作都是不可序列化的类,这很糟糕。但看起来我应该能够将缓存与网络请求分开并将缓存保存在 Flux 存储中。
这听起来有趣还是我找错了树?
Relay 当然可以与 Flux 一起使用,我们已经与许多成功地将它们一起使用的开发人员进行了交谈。一般模式是让 Relay 拥有服务器数据的缓存并管理与服务器的通信,并使用 Flux 来存储和更新仅限客户端的数据。
从 Flux 读取继电器数据
如果 Flux 存储需要访问服务器数据,他们可以使用Relay.Store
从服务器获取数据并从缓存中读取数据的 API:
// 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 不直接支持时间旅行调试。不过,我们正在积极开发 Relay 的开发工具,其初始版本应该很快就会推出。同时,有一些选项可用于检查缓存的状态:
- 拦截并记录所有低级更新到中继存储。这可以通过注入缓存管理器来完成
RelayStoreData.getDefaultInstance().injectCacheManager(...)
(请注意,API 名称可能会更改,但缓存管理器 API 本身是稳定的)。 CacheManager接口是此处定义 https://github.com/facebook/relay/blob/0eeca4271bb3acef8272cda3dc7143c6d2a7a0af/src/tools/RelayTypes.js#L151-L165- 请注意,这将允许您记录写入 Relay 缓存的所有值,以构建您想要的数据可视化。写入缓存管理器的所有字段值都是 JSON 可序列化的。请注意,缓存管理器无法将数据写回into存储,因此这主要允许您了解缓存的当前状态。
- 通过注入a来拦截网络层的所有查询和变异请求自定义网络层 https://facebook.github.io/relay/docs/guides-network-layer.html#custom-network-layers。这将指示您的应用程序正在请求哪些数据以及从服务器接收回哪些数据。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)